javascript获得光标所在的文本框(text/textarea)中的位置

更新时间：2009年12月18日 00:31:10 作者：

移动鼠标，得到单元格所在表中的位置的js代码,测试兼容firefox,需要的朋友可以参考下。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js获得光标所在的文本框(text/textarea)中的位置</title> <script type="text/javascript"> function getPosition(obj){ var result = 0; if(obj.selectionStart){ //IE以外 result = obj.selectionStart }else{ //IE var rng; if(obj.tagName == "textarea"){ //TEXTAREA rng = event.srcElement.createTextRange(); rng.moveToPoint(event.x,event.y); }else{ //Text rng = document.selection.createRange(); } rng.moveStart("character",-event.srcElement.value.length); result = rng.text.length; } return result; } function getValue(obj){ var pos = getPosition(obj); alert(obj.value.substr(0,pos)+"[输入内容]"+obj.value.substr(pos,obj.value.length)); } </script> </head> <body> <input type="text" value="HELLO jb51" onmouseup="getValue(this)" style="display:block"> <textarea rows="6" cols="60" onmouseup="getValue(this)">jb51 HELLO!</textarea> </body> </html>

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

您可能感兴趣的文章:

js checkbox全选并将获取值放到input里边
用js实现获取值传到input里边。
2009-12-12
用Javascript读取CheckBox数组的值的代码(兼容IE与firefox)
为了同时支持Firefox和IE，我们常常用document.getElementById(id)方法来取得HTML对象。但是getElementById方法只能取得单个对象，而对于CheckBox数组则无能为力。
2010-12-12
javascript操作文本框readOnly
javascript操作文本框readOnly...
2007-05-05
用 Javascript 验证表单(form)中的单选(radio)值
在用 Javascript 验证表单（form）中的单选框（radio）是否选中时，很多新手都会遇到问题，原因是 radio 和普通的文本框在获取值的时候有很大不同.
2009-09-09
css+js实现select列表横向排列效果代码
真不错的select横排效果代码，推荐大家阅读，这个思路真不错，太感谢作者了
2008-06-06
兼容ie和firefox版本的js反选全选多选框
兼容ie和firefox版本的js反选全选多选框...
2007-10-10
一个漂亮的下拉列表，去掉了灰色倒三角按钮
一个漂亮的下拉列表，去掉了灰色倒三角按钮...
2007-06-06
javaScript 简单验证代码（用户名，密码，邮箱)
下面的代码包括了用户名，密码，邮箱的基本验证代码，需要的朋友可以参考下。
2009-09-09
关于表单的两点交互体验改进技巧
关于表单的两点交互体验改进技巧...
2007-02-02
快速判断某个值是否在select中的方法
快速判断某个值是否在select中的方法...
2006-09-09