程序博客网 > python waitress

JS获取光标位置

来源：互联网发布：python waitress 编辑：程序博客网时间：2024/04/28 13:15

支持文本域和输入框

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title>js获取光标位置</title>
<script type="text/javascript">
/**
* 获取光标所在的字符位置
* @param obj 要处理的控件, 支持文本域和输入框
* @author hotleave
*/

function getPosition(obj){
     var result = 0;
if(obj.selectionStart){ //非IE浏览器
     result = obj.selectionStart
}else{ //IE
     var rng;
     if(obj.tagName == "TEXTAREA"){ //如果是文本域
        rng = event.srcElement.createTextRange();
        rng.moveToPoint(event.x,event.y);
     }else{ //输入框
        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="你好,Amethyst!" onmouseup="getValue(this)" style="display:block">
<textarea rows="6" cols="60" onmouseup="getValue(this)">Amethyst, 你好.</textarea>
</body>

</html>

效果图:

JS获取光标位置(ZZ) - 叶子 - 叶子的博客

python waitress

python waitress

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子培育泥鳅苗那里有泥鳅苗一亩放多少泥鳅苗土泥鳅苗大泥鳅苗如何培养泥鳅苗泥鳅苗供求信息泥鳅苗的繁育泥鳅苗怎么繁殖泥鳅苗技术泥鳅苗黄鳝苗的价格泥鳅寸苗养殖泥鳅什么时候下苗泥鳅苗繁殖技术泥鳅什么时候放苗如何培育泥鳅苗泥鳅水花苗怎么养泥鳅苗怎么孵化泥鳅苗的孵化泥鳅苗培育技术泥鳅苗孵化技术泥鳅苗销售 2013泥鳅苗的价格泥鳅苗报价哪里可以买到泥鳅苗什么地方有卖泥鳅苗泥鳅的家常做法泥鳅怎么烧好吃泥鳅鱼做法怎么养殖泥鳅鱼泥鳅鱼价格泥鳅鱼好养吗炸泥鳅鱼的做法大全大泥鳅鱼怎么做好吃痛风能吃泥鳅鱼吗泥鳅鱼多少钱一斤怎么样养泥鳅鱼养泥鳅鱼技术怎么养泥鳅鱼酱泥鳅鱼的做法