将光标放在输入搜索字段的末尾

Question

我有一个特定Java的搜索表单，将光标放在搜索表单的开头，如下面的代码所示

<form name="myform">
<div class="well form-search">
<input type="text" class="input-large" name="query" id="suggest" autocomplete="off"
value="&nbsp;<?=isset($_GET['query'])?  htmlentities($_GET['query']):''?>"> 
<input type="submit" class="btn btn-primary" id="send" name="send" value="Submit">
<button type="reset" class="btn " accesskey="r" value="Reset">Reset</button>
</div>
</form>
<script type="text/javascript" language="JavaScript">
document.forms['myform'].elements['query'].focus();
</script>

如何将光标置于文本输入值的末尾？

我已经尝试了

<script type="text/javascript" language="JavaScript">
document.forms['myform'].elements['query'].focus().input.setSelectionRange(1000,1000);
</script>

我猜我的语法有问题，谢谢你的提示！

Answer 1

您似乎正在尝试链接方法。这是jQuery的一个突出特点，但在vanilla JavaScript中，除了DOM方法之外没有多少链接。

你想要的东西是：

var elm = document.forms['myform'].elements['query'];
elm.focus();
elm.setSelectionRange(elm.value.length,elm.value.length);