Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Memposisikan Kursor Secara Pengaturcaraan dalam Kotak Teks HTML?
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!