jquery - 输入 - 文本对齐 :right - fill input with jQuery

Question

我尝试搜索相关问题，但找不到。我有一个带有 text-align:right 的简单输入字段。

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

#screen {
    width: 100%;
    font-size: 2em;
    padding: 0 0.5em 0 0.5em;
    border: solid 1px;
    text-align: right;
}

当我输入内容并且文本的长度超过输入的长度时，当您继续输入时，字符串的溢出部分开始在左侧消失。

当我用 jQuery 填充相同的输入时，文本溢出在输入的右侧。有没有一种方法可以通过 jQuery 用文本填充输入，并让它表现得好像您已经键入了文本，从而隐藏字符串的开头而不是结尾？

为了说明我想要什么，让我们看一个例子: 当按下按钮用文本填充输入时，它显示“Hello! What a wo”，但是如果你自己写文本，可见的文本是“nderful day today”。这就是我用 jQuery 填充输入时想要的结果。

jQuery 按钮结果:

使用 jQuery btn 的期望结果:

https://jsfiddle.net/fgdgbbjf/6/

---

更新:已解决

示例:https://jsfiddle.net/fgdgbbjf/12/

Answer 1

如果我明白你的意思..我想你只需要 .focus()

$('#clear').on('click', function() {
  $("#screen").val("");
});
$('#fill').on('click', function() {
  $('#screen').val("Hello! What a wonderful day today.").focus();
});

Demo Here