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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript获得光标所在的文本框(text/textarea)中的位置

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 134 ::

收藏到网摘: n/a

[原创]javascript 移动鼠标得到单元格所在table表中的rowIndex位置[兼容ie,firefox] event.srcElement 用法笔记e.target

移动鼠标，得到单元格所在表中的位置的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 全选提示:你可先修改部分代码,再按运行]

[原创]javascript 移动鼠标得到单元格所在table表中的rowIndex位置[兼容ie,firefox] event.srcElement 用法笔记e.target

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

评论 (0) All