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)中文本光標的位置