在 HTML 文本框中定位键盘插入符
要在文本框中移动键盘插入符,可以使用 JavaScript 定位特定位置。
通用功能:
function setCaretPosition(elemId, caretPos) { var elem = document.getElementById(elemId); if (elem) { if (elem.createTextRange) { // IE specific var range = elem.createTextRange(); range.move('character', caretPos); range.select(); } else if (elem.selectionStart) { elem.focus(); elem.setSelectionRange(caretPos, caretPos); } else { elem.focus(); // Fallback for browsers not supporting setSelectionRange } } }
用法:
示例:
要在文本框中的字符 20 之前设置插入符号 50字符:
setCaretPosition('myTextbox', 20);
兼容性:
附加说明:
您还可以使用此代码(在 addLoadEvent 中)强制插入符跳转到页面焦点上所有文本区域的末尾函数):
for (var i = 0; i < textAreas.length; i++) { textAreas[i].onfocus = function() { setCaretPosition(this.id, this.value.length); } }
以上是如何以编程方式将光标定位在 HTML 文本框中?的详细内容。更多信息请关注PHP中文网其他相关文章!