js获取输入框中当前光标位置并在此位置插入字符串的方法(angularjs+ts)


一半是参照别人代码,一半是自己代码,略笨拙,如果有更好的方法希望分享。

  1. 获取当前光标位置的方法

  2. getCaretPosition (obj:any) {                    //获取输入框中当前光标的位置,obj为此输入框
            let $scope = this.$scope;
            let $log = this.$log;
            $scope.caretPosition = 0;
            if (document.selection) {
                obj.focus();
                var oSel = document.selection.createRange();
                oSel.moveStart('character', -obj.value.length);
                $scope.caretPosition = oSel.text.length;
            }else if (obj.selectionStart || obj.selectionStart == '0'){
                $scope.caretPosition = obj.selectionStart;
            }
            console.log( $scope.caretPosition)
        }

    出处

 

   2.在当前光标位置处插入字符串

  1. insert_flg(oldStr:any,insertStr:any,caretPos:any){
    //oldStr:原字符串,insertStr:要插入的字符串,caretPos:要插入的位置
            var newstr="";
            var tmp1=oldStr.substring(0, caretPos);
            var tmp2=oldStr.substring(caretPos,oldStr.length );
            newstr+=tmp1+insertStr+tmp2;
            return newstr;
    }

    调用时传入的第三个参数就是第一步中获取到的当前光标位置。


免责声明!

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



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM