将html重点放在输入文本的末尾(不仅仅是光标)

时间:2015-03-25 17:26:05

标签: javascript html web

stackoverflow上的批量解决方案展示了如何将光标聚焦在输入文本的末尾,但是他们没有显示如何在视觉上聚焦输入结束text - 输入文本的溢出。

例如:

大多数解决方案都是最后关注的,但显示了文本的开头:

enter image description here

enter image description here

但是通过javascript,我想集中精力结束:

enter image description here

编辑:

不重复,因为

dir="rtl"

没有解决它。我想填写要写的字段,但点击它时我想滚动到输入文本的末尾。 @ ibiza的答案解决了这个问题。

2 个答案:

答案 0 :(得分:3)

$('#myInput').get(0).scrollLeft = $('#myInput').get(0).scrollWidth; 

答案 1 :(得分:0)

使用以下代码

<input type="text" id="search" value="Some People like cupcake better" />
<script>
document.getElementById("search").scrollLeft = document.getElementById("search").scrollWidth; 
</script>

DEMO:LINK

希望这有助于你