zoukankan      html  css  js  c++  java
  • js获取光标位置

    var TT = {
        
        /*
         * 获取光标位置
         * @Method getCursorPosition
         * @param t element
         * @return number
        */
        getCursorPosition:function(t){
            if (document.selection) {
                t.focus();
                var ds = document.selection;
                var range = ds.createRange();
                var stored_range = range.duplicate();
                stored_range.moveToElementText(t);
                stored_range.setEndPoint("EndToEnd", range);
                t.selectionStart = stored_range.text.length - range.text.length;
                t.selectionEnd = t.selectionStart + range.text.length;
                return t.selectionStart;
            } elsereturn t.selectionStart
        },
        
        
        /*
         * 设置光标位置
         * @Method setCursorPosition
         * @param t element
         * @param p number
         * @return
        */
        setCursorPosition:function(t, p){
            this.sel(t,p,p);
        },
        
        /*
         * 插入到光标后面
         * @Method add
         * @param t element
         * @param txt String
         * @return
        */
        add:function (t, txt){
            var val = t.value;
            if(document.selection){
                t.focus()
                document.selection.createRange().text = txt;  
            } else {
                var cp = t.selectionStart;
                var ubbLength = t.value.length;
                var s = t.scrollTop;
            //    document.getElementById('aaa').innerHTML += s + '<br/>';
                t.value = t.value.slice(0,t.selectionStart) + txt + t.value.slice(t.selectionStart, ubbLength);
                this.setCursorPosition(t, cp + txt.length);
            //    document.getElementById('aaa').innerHTML += t.scrollTop + '<br/>';
                firefox=navigator.userAgent.toLowerCase().match(/firefox\/([\d\.]+)/) && setTimeout(function(){
                    if(t.scrollTop != s) t.scrollTop=s;
                },0)
    
            };
        },
        
        
        /*
         * 删除光标 前面或者后面的 n 个字符
         * @Method del
         * @param t element
         * @param n number  n>0 后面 n<0 前面
         * @return
         * 重新设置 value 的时候 scrollTop 的值会被清0
        */
        del:function(t, n){
            var p =this.getCursorPosition(t);
            var s = t.scrollTop;
            var val = t.value;
            t.value = n >0? val.slice(0, p - n) + val.slice(p):
                            val.slice(0, p) + val.slice(p - n);
            this.setCursorPosition(t ,p - (n <0?0 : n));
            firefox=navigator.userAgent.toLowerCase().match(/firefox\/([\d\.]+)/) && setTimeout(function(){
                if(t.scrollTop != s) t.scrollTop=s;
            },10)
        },
        
        /*
         * 选中 s 到 z 位置的文字
         * @Method sel
         * @param t element
         * @param s number
         * @param z number
         * @return
        */
        sel:function(t, s, z){
            if(document.selection){
                var range = t.createTextRange();
                range.moveEnd('character', -t.value.length);         
                range.moveEnd('character', z);
                range.moveStart('character', s);
                range.select();
            }else{
                t.setSelectionRange(s,z);
                t.focus();
            }
    
        },
        
        
        /*
         * 选中一个字符串
         * @Method sel
         * @param t element
         * @param s String
         * @return
        */
        selString:function(t, s){
            var index = t.value.indexOf(s);
            index !=-1?this.sel(t, index, index + s.length) : false;
        }
    
    }
  • 相关阅读:
    vue 之循环添加不同class
    小程序 之使用HMACSHA1算法加密报文
    微信小程序 之wx.getLocation()获取地理信息中的小坑
    js 时间戳与yyyy-mm-dd或yyyy-MM-dd HH-mm-ss互相转换
    小程序 之登录 wx.login()
    打开串口(COM)号大于9时报错
    linux的mysql权限错误导致看不到mysql数据库
    Nginx报错汇总
    获取磁盘总空间和剩余空间
    关于CoCreateInstance的0x800401f0问题
  • 原文地址:https://www.cnblogs.com/iwenwen/p/3128206.html
Copyright © 2011-2022 走看看