javascript获得光标所在的文本框(text/textarea)中的位置
作者:bea
<!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" /> <titl
<!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 " onmouseup="getValue(this)" style="display:block">
<textarea rows="6" cols="60" onmouseup="getValue(this)"> HELLO!</textarea>
</body>
</html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- javascript 翻页测试页(动态创建标签并自动翻页)
- js控制div及网页相关属性的代码
- jQuery 淡入淡出、展开收缩菜单实现代码
- JQuery Tips(4) 一些关于提高JQuery性能的Tips
- JS 在数组插入字符的实现代码(可参考JavaScript splice() 方法)
- JS 的应用开发初探(mootools)
- 用js实现层随着内容大小动态渐变改变 推荐
- javascript demo 基本技巧
- javascript option onclick事件ie解决方案 兼容ie,firefox
- IE和Firefox下event事件杂谈
- div+css+js模拟tab切换效果 事件绑定 IE,firefox兼容
- 替代window.event.srcElement效果的可兼容性的函数
- JavaScript 序列化对象实现代码
- 让div层随鼠标移动的实现代码 ie ff
- Javascript 多浏览器兼容性问题及解决方案
- Javascript在IE或Firefox下获取鼠标位置的代码
- javascript DOM操作之动态删除TABLE多行
- javascript 导出数据到Excel(处理table中的元素)
- event.srcElement 用法笔记e.target