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

Put cursor to the end of input search field

本文关键字:字段 搜索 输入 光标      更新时间:2023-09-26

我有一个带有特定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>

如何将光标放到文本输入值的末尾

I already tried

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

我猜我的语法有问题,谢谢你的提示!

您似乎试图链接方法。这是jQuery的一个突出特性,但是在普通JavaScript中,除了DOM方法之外没有太多的链接。

你想要这样:

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