javascript - 将光标置于输入搜索字段的末尾

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);