“滚动”到长文本输入的最右侧
我有一个图像选择器,允许从图库中选择图像,然后将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