Bagaimanakah Saya Meletakkan Kursor Secara Pengaturcaraan pada Penghujung Input Teks dalam JavaScript?

Menempatkan Kursor di Penghujung Input Teks dengan JavaScript

Menempatkan kursor di hujung elemen input teks ialah tugas biasa dalam pembangunan web. Walaupun menetapkan fokus kepada elemen adalah mudah, membawa kursor ke penghujung teks yang dimasukkan boleh menjadi sukar.

Penyelesaian JavaScript

Pendekatan paling mudah dalam kebanyakan penyemak imbas ialah untuk menetapkan kedua-dua sifat selectionStart dan selectionEnd bagi elemen input kepada panjangnya value:

this.selectionStart = this.selectionEnd = this.value.length;

Penyelesaian Inklusif untuk Penyemak Imbas Yang Unik

Walau bagaimanapun, sesetengah penyemak imbas mempamerkan kebiasaan yang memerlukan pendekatan yang lebih inklusif:

setTimeout(function(){ that.selectionStart = that.selectionEnd = 10000; }, 0);

Penyelesaian ini menetapkan nilai yang sangat besar kepada selectionStart dan selectionEnd untuk memastikan kursor diletakkan di hujung hujung teks.

Menggunakan jQuery

Walaupun tidak begitu diperlukan, anda boleh menggunakan jQuery untuk menetapkan pendengar acara:

$('#el').focus(function(){
  var that = this;
  setTimeout(function(){ that.selectionStart = that.selectionEnd = 10000; }, 0);
});

Atas ialah kandungan terperinci Bagaimanakah Saya Meletakkan Kursor Secara Pengaturcaraan pada Penghujung Input Teks dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!