将光标设置为输入框的开头

时间:2016-06-20 00:01:13

标签: javascript css input

我有一个输入框,在页面加载后填充了文本。如以下示例所示。



var someString = "some text that was set after page load.";
document.getElementById("myInput").value = someString;

<input id="myInput" autofocus></input>
&#13;
&#13;
&#13;

添加文本后,我想将光标放在输入的开头而不是结尾。任何建议。

这是一个香草JS项目。

2 个答案:

答案 0 :(得分:1)

修改你的js如下,它应该可以正常工作。

 var someString = "some text that was set after page load.";
 var elem = document.getElementById("myInput");
 elem.value = someString;

 if (elem.createTextRange) {
     var part = elem.createTextRange();
     part.move("character", 0);
     part.select();
 } else if (elem.setSelectionRange) {
     elem.setSelectionRange(0, 0);
 }
 elem.focus();

答案 1 :(得分:0)

如果你正在开发现代浏览器(比IE8更新的东西),你可以使用setSelectionRange()