Bagaimanakah Saya Boleh Meletakkan Kursor pada Penghujung Input Teks Menggunakan JavaScript?

Memasukkan Kursor pada Penghujung Teks Input Menggunakan JavaScript

Dalam bidang pembangunan web, JavaScript menawarkan penyelesaian yang mantap untuk meletakkan kursor pada penghujung teks dalam elemen input. Untuk menyelidiki topik ini, kami akan meneroka pelbagai pendekatan, bermula dengan teknik ringkas:

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

Coretan ini secara berkesan meletakkan kursor pada penghujung nilai input. Walau bagaimanapun, penyemak imbas tertentu memperkenalkan kebiasaan yang memerlukan penyelesaian yang lebih komprehensif, seperti yang dilihat di bawah:

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

Dalam variasi ini, kami menggunakan fungsi setTimeout untuk menangguhkan tetapan kedudukan kursor, dengan itu meminimumkan isu keserasian.

Untuk peminat jQuery, berikut ialah pendekatan yang menggunakan a pendengar:

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

Coretan kod ini menggunakan jQuery untuk mewujudkan pendengar acara fokus. Apabila memfokus, ia menggunakan teknik kedudukan kursor yang sama seperti contoh sebelumnya.

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