Menempatkan Karet Papan Kekunci dalam Kotak Teks HTML
Untuk mengalihkan karet papan kekunci dalam kotak teks, kedudukan tertentu boleh disasarkan menggunakan JavaScript.
Generik Fungsi:
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 } } }
Penggunaan:
Contoh:
Untuk menetapkan karet sebelum aksara 20 dalam kotak teks dengan 50 aksara:
setCaretPosition('myTextbox', 20);
Keserasian:
Nota Tambahan:
Anda juga boleh memaksa karet untuk melompat ke penghujung semua kawasan teks pada fokus halaman menggunakan kod ini (dalam addLoadEvent fungsi):
for (var i = 0; i < textAreas.length; i++) { textAreas[i].onfocus = function() { setCaretPosition(this.id, this.value.length); } }
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memposisikan Kursor Secara Pengaturcaraan dalam Kotak Teks HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!