zoukankan      html  css  js  c++  java
  • js 如何获取文本框中光标索引位置

    <script>
    function getTxt1CursorPosition(){
    var oTxt1 = document.getElementById("txt1");
    var cursurPosition=-1;
    if(oTxt1.selectionStart){//非IE浏览器
    cursurPosition= oTxt1.selectionStart;
    }else{//IE
    var range = document.selection.createRange();
    range.moveStart("character",-oTxt1.value.length);
    cursurPosition=range.text.length;
    }
    alert(cursurPosition);
    }
    </script>
    <input type="text" id="txt1" value="abcde" onclick="getTxt1CursorPosition()">
    
    
    
    
    ----  *****   获取索引位置,并添加文本字符串
    // SMS标签插入
        $(".smstemplable").click(function () {
            var myField = document.getElementById("tempcontent");
            var lable = $(this).html();
            var myValue = "<" + lable + ">"

            //IE support
            if (document.selection) {
                myField.focus();
                var sel = document.selection.createRange();
                sel.text = myValue;
                sel.select();
            }
                //MOZILLA/NETSCAPE support 
            else if (myField.selectionStart || myField.selectionStart == '0') {
                var startPos = myField.selectionStart;
                var endPos = myField.selectionEnd;
                // save scrollTop before insert 
                var restoreTop = myField.scrollTop;
                myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length);
                if (restoreTop > 0) {
                    myField.scrollTop = restoreTop;
                }
                myField.focus();
                myField.selectionStart = startPos + myValue.length;
                myField.selectionEnd = startPos + myValue.length;
            } else {
                myField.value += myValue;
                myField.focus();
            }
        });
  • 相关阅读:
    富文本编辑器 ueditor
    防抖和节流 lodash插件
    lodash
    awesome
    怎么在移动端模拟pc端进行web开发调试日志
    添加水印
    node.js取参四种方法req.body,req.params,req.param,req.body
    插件包
    python——Scrapy框架简介、内置选择器、管道文件、爬虫模块中的spider类
    python——BeautifulSoup4解析器,JSON与JsonPATH,多线程爬虫,动态HTML处理
  • 原文地址:https://www.cnblogs.com/minily/p/7390208.html
Copyright © 2011-2022 走看看