js获取文本域中光标的位置

最新推荐文章于 2023-04-13 18:15:30 发布

初仔仔

最新推荐文章于 2023-04-13 18:15:30 发布

阅读量675

点赞数

原文链接：http://www.cnblogs.com/mankii/p/11010629.html

版权

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>获取文本域的光标位置</title>
</head>
<body>
<textarea name="" id="textarea" cols="30" rows="10">这是一段文字，每次点击文字内容就会获取当前光标所在的位置</textarea>
<script>
    var oText = document.getElementById('textarea');
     document.onclick = function(e){
         if(e.target.tagName=="TEXTAREA"){
             alert(getCursortPosition(oText));
         }
     }
    function getCursortPosition(obj) {
        var cursorIndex = 0;
        if (document.selection) {
            // IE Support
            obj.focus();
            var range = document.selection.createRange();
            range.moveStart('character', -obj.value.length);
            cursorIndex = range.text.length;
        } else if (obj.selectionStart || obj.selectionStart==0) {
            // another support
            cursorIndex = obj.selectionStart;
        }
        return cursorIndex;
    }
</script>
</body>
</html>

效果：

转载于:https://www.cnblogs.com/mankii/p/11010629.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

初仔仔

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js获取文本域中光标的位置

代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>获取文本域的光标位置</title></head><body><textarea name="" id="t...
复制链接

扫一扫