javascript - 输入没有像它应该的那样滚动到最右边

Question

我有一个输入字段，我在光标位置附加数据。

之后，我将 selectionStart 设置为字段的末尾。

但是，每当我向输入添加内容(通过单击按钮)时，我只会看到它的左侧部分(直到它到达右侧边缘)。一切都在那里(我可以用鼠标选择它并滚动)，但它不会自动显示右边缘。

我该怎么做？我想向输入添加一些内容并直接跳转到字符串的末尾。

  // add 2 digit number
  $('button#2digit').on('click', function add2digit() {
    addNumberToInput(10, 99);
  });

  function addNumberToInput(min, max) {
    var problemInput = $('input#testProblem');
    if (lastCharIsOperation() || problemInput.val().trim() < 1) {  // if last char is an operation or first in string, just append the number
      addAtCursor(randomNonPrime(min, max));
    } else {
      addAtCursor('+' + randomNonPrime(min, max));
    }
  }



  function addAtCursor(toAdd) {
    var problemInput = $('input#testProblem');

    var oldText = problemInput.val();
    var cursor = problemInput[0].selectionStart;

    var pre = oldText.substring(0,cursor);
    var post = oldText.substring(cursor, oldText.length);

    //insert at cursor
    problemInput.val(pre + toAdd + post);

    //put cursor to end
    problemInput[0].selectionStart = problemInput.val().length;
  }

(它甚至在模糊时跳回到左边，我不能用窗口截图工具拍照，因为我必须先点击它)

Answer 1

来自 Set mouse focus and move cursor to end of input using jQuery .

var problemInput = $('input#testProblem');
problemInput.focus();
var t=problemInput.val();
problemInput.val('');
problemInput.val(t);

这是完整解决方案的开始:https://jsfiddle.net/michaelgentry/vwm159pt/