zoukankan      html  css  js  c++  java
  • 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>

    效果:

  • 相关阅读:
    DRF
    DRF
    DRF
    DRF
    RESTful介绍
    DRF parser请求处理流程
    Vue项目的创建
    怎么清除file控件的文件路径
    java用spring实现文件下载
    JS判断元素是否在数组内 阿星小栈
  • 原文地址:https://www.cnblogs.com/mankii/p/11010629.html
Copyright © 2011-2022 走看看