JavaScript 获取/设置光标位置,兼容Input&&TextArea

所属分类：网络编程 / JavaScript 阅读数： 1298

收藏 0赞 0分享

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JavaScript 获取/设置光标位置,兼容Input&&TextArea。</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />   </head> <body> <div class="title">JavaScript 获取/设置光标位置,兼容Input&&TextArea：</div> <div class="title">单行文本框</div> <p><input class="input" id="textbox" name="textbox" value="Hi,www.jb51.net!!!" /></p> <input type="button" onclick="alert( getPositionForInput( document.getElementById('textbox') ) )" value="Get Position"> 输入位置: <input type="text" id="no1" size="1" /><input type="button" onclick="process('no1','textbox');" value="Set Position"> <div class="title">多行文本框</div> <textarea id="zhangdanNum" name="zhangdanNum" style="height:66px;width:246px;overflow:hidden">Hi,CssRain!!!</textarea> <input type="button" onclick="alert( getPositionForTextArea( document.getElementById('zhangdanNum') ) )" value="Get Position"> 输入位置: <input type="text" id="no2" size="1" /><input type="button" onclick="process('no2','zhangdanNum');" value="Set Position"> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

JavaScript 获取/设置光标位置,兼容Input&&TextArea

基于jquery封装的一个js分页

关于js datetime的那点事

js 关于=+与+=日期函数使用说明(赋值运算符)

JS 操作符整理[推荐收藏]

让html的text输入框只能输入数字和1个小数点(0-59之间可改)

Jquery 获取checkbox的checked问题

jQuery EasyUI API 中文文档 - DataGrid数据表格

jQuery EasyUI API 中文文档 - PropertyGrid属性表格

20款效果非常棒的 jQuery 插件小结分享

基于Jquery插件开发之图片放大镜效果(仿淘宝)

网络赚钱

站长故事