如何以程式設計方式將遊標定位在 HTML 文字方塊中？

在 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
        }
    }
}

用法：

• caretPos:
• 所需的插入符位置（從頭開始的字元）

範例：

要在文字方塊中的字元20 之前設定插入符號50字元：

setCaretPosition('myTextbox', 20);

相容性：

已在IE6、Firefox 2、Opera 8、Netscape 9、SeaMonkey 和Safari 上測試（Safari中的Safari 除外）與組合onfocus)

附加說明：

您也可以使用此程式碼（在addLoadEvent 中）強制插入符跳到頁面焦點上所有文字區域的末端函數）：

以上是如何以程式設計方式將遊標定位在 HTML 文字方塊中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！