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

标签 javascript

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

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

最佳答案

您似乎在尝试链接方法。这是 jQuery 的一个突出特性,但在 vanilla JavaScript 中,DOM 方法之外的链接并不多。

你会想要这样的东西:

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

关于javascript - 将光标置于输入搜索字段的末尾,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24302849/

相关文章:

javascript - 第一次点击在网站上使用 jquery 弹出页脚?

c# - 当我的 JavaScript 和 C# 代码库重叠时,如何减少维护?

javascript - Ajax 不为数据表调用 php 页面

javascript - Javascript 中的无符号 32 位整数

php - 将 SQL 时间值传递给 Javascript?

javascript - AngularJS 通过其他选择标签过滤一个选择

javascript - 如何使 BootstrapDialog 在移动设备上可移动

javascript - 网站youtube内嵌视频一直在播放

javascript - 小书签的执行环境与浏览器控制台相同吗?

javascript - 获取未选中复选框的值