js设置文本框中焦点位置在最后的示例代码(简单实用)



// 假设你有一个文本框的id是"myTextbox"
var textBox = document.getElementById("myTextbox");

// 将光标移动到文本框的末尾
textBox.focus(); // 先确保文本框获得焦点
textBox.selectionStart = textBox.selectionEnd = textBox.value.length;

// 或者使用更通用的方法,支持旧版浏览器
textBox.focus();
textBox.value = textBox.value; // 触发重绘,有时可以间接实现效果,但不如上面的方法可靠

// 注意:第二种方法(textBox.value = textBox.value;)在某些情况下可能无法精确地将光标移动到末尾,
// 因为它依赖于浏览器的具体实现。推荐使用第一种方法。

这段代码首先通过`document.getElementById`获取了文本框的DOM元素,然后使用`focus()`方法确保文本框获得焦点。之后,通过设置`selectionStart`和`selectionEnd`属性为文本框当前值的长度,从而将光标(焦点位置)移动到文本框的末尾。这是一种简单且实用的方法,适用于大多数现代浏览器。