“滚动”到长文本输入的最右侧

我有一个图像选择器,允许从图库中选择图像,然后将URL填入<input type="text">字段。 网址可能非常长,并且始终在文本字段中查看网址的前半部分的信息值非常少。

有人知道一种方法来“滚动”到文本字段的右侧,以便URL的末尾可见而不是开头? 不诉诸于textarea。


除IE6-8 / Opera之外的所有浏览器

在明确设置focus()后,将HTMLInputElement.setSelectionRange()设置为输入值的长度。 缺点是它一旦模糊就滚动回来开始。

var 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);
<input id="foo">  

Lucman Abdulrachman的回答是最好的,但我无法赞成它,所以我在不使用jQuery的情况下添加了另一个解决方案:

var elem = document.getElementById('myInput');
elem.focus();
elem.scrollLeft = elem.scrollWidth;

$('#myInput').get(0).scrollLeft = $('#myInput').get(0).scrollWidth; 
链接地址: http://www.djcxy.com/p/68445.html

上一篇: "Scroll" to the very right of a long text input

下一篇: Read entire file in Scala?