什么是最好的方法(我假设最简单的方法)，以放置光标在文本的输入文本元素的末尾通过JavaScript -焦点已设置到元素?
当前回答
试试这个，它对我很有效:
//input is the input element
input.focus(); //sets focus to element
var val = this.input.value; //store the value of the element
this.input.value = ''; //clear the value of the element
this.input.value = val; //set that value back.
为了让光标移动到最后，输入必须先有焦点，然后当值改变时，它才会移动到最后。如果你将.value设置为相同的值，它在chrome中不会改变。
其他回答
适用于所有浏览器和所有情况:
function moveCursorToEnd(el) {
window.setTimeout(function () {
if (typeof el.selectionStart == "number") {
el.selectionStart = el.selectionEnd = el.value.length;
} else if (typeof el.createTextRange != "undefined") {
var range = el.createTextRange();
range.collapse(false);
range.select();
}
}, 1);
}
如果您需要从onFocus事件处理程序移动光标，需要超时
试试下面的代码:
$('input').focus(function () {
$(this).val($(this).val());
}).focus()
在jQuery中，这是
$(document).ready(function () {
$('input').focus(function () {
$(this).attr('value',$(this).attr('value'));
}
}
仍然需要中间变量，(参见var val=) 否则光标的行为很奇怪，我们需要它在最后。
<body onload="document.getElementById('userinput').focus();">
<form>
<input id="userinput" onfocus="var val=this.value; this.value=''; this.value= val;"
class=large type="text" size="10" maxlength="50" value="beans" name="myinput">
</form>
</body>
试试这个，它对我很有效:
//input is the input element
input.focus(); //sets focus to element
var val = this.input.value; //store the value of the element
this.input.value = ''; //clear the value of the element
this.input.value = val; //set that value back.
为了让光标移动到最后，输入必须先有焦点，然后当值改变时，它才会移动到最后。如果你将.value设置为相同的值，它在chrome中不会改变。
