jquery-mobile - 如何保持最后一个字符在移动 safari 的输入字段中始终可见？

Question

我有一个移动网络应用程序，其中有一个输入字段类型文本。

我将它的价值分配为

function setVal(str){
    var item = $('#textField'),
        string = item.val()+str; 
    item.val(string);
}

由于该值是通过编程方式设置的，而不是专注于该字段并在键盘上键入，因此当它string变得比文本字段的宽度长时，我无法再看到新的字符添加，因为文本字段会掩盖它。

在此处输入图像描述

您可以在上图中看到，最右边的字母是“K”（在 j 之后），但只有一部分是可见的。

我如何确保如果字符串的长度大于文本字段的宽度，额外的长度向左移动并且最后一个字母始终在屏幕上可见？

score 0 · Accepted Answer

不是您要查找的内容，但是您可以将文本向左滚动到输入文本的长度，因此最后一个字符始终可见。

var el = document.getElementById('textField');
el.focus();
el.scrollLeft = el.scrollWidth;

<input id="textField"></input>

1 回答 1