如何滚动HTML文本框到最后？

Question

如果HTML文本框的内容长于文本框宽度，则部分内容会被隐藏，您需要滚动文本框才能看到结尾。反正有没有把它在JS或CSS中滚动到最后？

Answer 1

<强>宽度

这是<input type="text" />和宽度。

var ta = document.getElementById('temp');
ta.scrollLeft = ta.scrollWidth;

我的小提琴已更新以显示此内容。

这是我之前对高度做出的回应。

<强>高度

您可以在元素上使用scrollHeight和scrollTop来执行此操作。

var ta = document.getElementById('temp');
ta.scrollTop = ta.scrollHeight;

小提琴：http://jsfiddle.net/derekaug/JGqtA/

Answer 2

<input id="longBox" type="text" value="mycurrtext" size="30" 
       onfocus="this.value = this.value;" name="longBox"/>

我建议这样做，只是当输入字段成为焦点时，内容被“设置”，所以你会自动跳到最后。