什么是最好的方法(我假设最简单的方法)，以放置光标在文本的输入文本元素的末尾通过JavaScript -焦点已设置到元素?
当前回答
拿出一些答案。制作单行jquery。
$('#search').focus().val($('#search').val());
其他回答
在jQuery中，这是
$(document).ready(function () {
$('input').focus(function () {
$(this).attr('value',$(this).attr('value'));
}
}
虽然我回答的太晚了，但对于以后的查询，这将是有帮助的。它也适用于contentteditable div。
从你需要在最后设置焦点的地方;写这段代码-
var el = document.getElementById("your_element_id");
placeCaretAtEnd(el);
函数是-
function placeCaretAtEnd(el) {
el.focus();
if (typeof window.getSelection != "undefined"
&& typeof document.createRange != "undefined") {
var range = document.createRange();
range.selectNodeContents(el);
range.collapse(false);
var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
} else if (typeof document.body.createTextRange != "undefined") {
var textRange = document.body.createTextRange();
textRange.moveToElementText(el);
textRange.collapse(false);
textRange.select();
}
}
<script type="text/javascript">
function SetEnd(txt) {
if (txt.createTextRange) {
//IE
var FieldRange = txt.createTextRange();
FieldRange.moveStart('character', txt.value.length);
FieldRange.collapse();
FieldRange.select();
}
else {
//Firefox and Opera
txt.focus();
var length = txt.value.length;
txt.setSelectionRange(length, length);
}
}
</script>
我在IE9和Firefox 6中使用了这个功能。和Opera 11.x
el.setSelectionRange(-1, -1);
https://codesandbox.io/s/peaceful-bash-x2mti
这个方法更新HTMLInputElement。selectionStart selectionEnd, 和selectionDirection属性一次调用。
https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange
在其他js方法中，-1通常表示(到)最后一个字符。这也是这种情况，但我在文档中找不到明确提到的这种行为。
var valsrch = $('#search').val();
$('#search').val('').focus().val(valsrch);
