首頁 > web前端 > js教程 > 如何以程式設計方式將遊標定位在 HTML 文字方塊中?

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

DDD
發布: 2024-12-10 12:40:14
原創
1043 人瀏覽過

How Can I Programmatically Position the Cursor in an HTML Textbox?

在 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板