如何在不使用文本区域的情况下滚动到文本输入的最右侧？

滚动到大量文本输入的最右侧

在文本字段中显示冗长 URL 的图像选择器等场景中，可视化完整 URL 变得至关重要以增强理解力。但是，由于默认视图仅显示初始部分，这可能会受到限制。有没有一种技术可以确保 URL 结尾可见，而不依赖于文本区域？

不包括 IE6-8 和 Opera 的浏览器

适用于大多数浏览器的解决方案涉及将 HTMLInputElement.setSelectionRange() 与 focus() 结合使用，将文本选择设置为输入值的末尾。虽然这实际上会向右滚动，但需要注意的是，失去焦点后视图会恢复到开始位置。

<code class="js">const foo = document.getElementById("foo");
foo.value = "http://stackoverflow.com/questions/1962168/scroll-to-the-very-right-of-a-long-text-input";
foo.focus();
foo.setSelectionRange(foo.value.length, foo.value.length);</code>

<code class="html"><input id="foo"></code>

以上是如何在不使用文本区域的情况下滚动到文本输入的最右侧？的详细内容。更多信息请关注PHP中文网其他相关文章！