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

时间:2022-08-15 10:30:38

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

  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;
    }

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