javascript - 在手机上将光标移动到值末尾进行输入

Question

我有一个输入:

<input type="text" id="input">

当用户输入 3 个数字时，将添加 () 以包围这 3 个数字:

var inp = $('#input');
inp.on('input', function (e) {
    var curchr = this.value.length;
    var curval = input.val();
    if (curchr == 3 && curval.indexOf('(') < 0 && curval.indexOf(')') < 0) {
        inp.val('(' + curval + ')' + " ");
    }
});

因此，如果我输入 123，它就会变成 (123)。

它在桌面上运行良好，但在移动设备上光标位置未更新。就好像我输入123，就变成了(123)但是光标位置是(12|3)而不是(123) | .

| 代表此处的光标。

我寻找解决方案并尝试:

this.selectionStart = this.selectionEnd = this.value.length;

和:

inp.focus().val(inp.val());

但没有成功。

Answer 1

您可以检查字符串的长度；

$('#input').keyup(function(e){
  var val = $(this).val();
  var which = e.keyCode;
   if(val.length == 3) {
     $(this).val('('+$(this).val()+')');
     if(which == 8) {
       $(this).val('');
     }
   }
});