Javascript 如何将HTML文本框滚动到末尾?

Javascript 如何将HTML文本框滚动到末尾?,javascript,html,Javascript,Html,如果HTML文本框的内容长于文本框的宽度,则部分内容将隐藏,您需要滚动文本框以查看结尾。还有什么方法可以在JS或CSS中滚动到最后吗?宽度 这是一个和宽度 var ta = document.getElementById('temp'); ta.scrollLeft = ta.scrollWidth; 我的提琴被更新以显示这一点 这是我之前的回答,我是为了身高而做的 高度 可以在元素上使用scrollHeight和scrollTop来执行此操作 var ta = document.getEle

如果HTML文本框的内容长于文本框的宽度,则部分内容将隐藏,您需要滚动文本框以查看结尾。还有什么方法可以在JS或CSS中滚动到最后吗?

宽度

这是一个
和宽度

var ta = document.getElementById('temp');
ta.scrollLeft = ta.scrollWidth;
我的提琴被更新以显示这一点

这是我之前的回答,我是为了身高而做的

高度

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

var ta = document.getElementById('temp');
ta.scrollTop = ta.scrollHeight;
小提琴:



我建议这样做,只要当输入字段获得焦点时,内容就会“设置”,这样您就可以自动跳到末尾。

我认为这并不能回答问题;没有迹象表明它是一个输入字段,所以它可能只是一个文本框,他正在从浏览器本身逐步向其中添加文本,他希望它一直滚动到底。
<input id="longBox" type="text" value="mycurrtext" size="30" 
       onfocus="this.value = this.value;" name="longBox"/>