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

本文转载自查看原文 2019-06-12 16:46 2561 js

代码：

<!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>

效果：

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 js 如何获取文本框中光标索引位置 js 如何获取文本框中光标索引位置 JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容 js 获取/设置文本输入域内光标的位置的方法 js 获取输入框中光标的索引位置 C#-WinForm-如何获取文本框（TextBox）中鼠标，光标位置 js获取光标位置 js控制鼠标光标的位置 js获取文本的行数设置输入域(input/textarea)中文本光标的位置