Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Meletakkan Kursor pada Penghujung Teks dalam Medan Input JavaScript?

Bagaimanakah Saya Boleh Meletakkan Kursor pada Penghujung Teks dalam Medan Input JavaScript?

DDD
Lepaskan: 2024-12-12 13:23:10
asal
375 orang telah melayarinya

How Can I Place the Cursor at the End of Text in a JavaScript Input Field?

Mencari Kursor ke Hujung Teks dalam Elemen Input Menggunakan JavaScript

Apabila fokus ditetapkan kepada elemen input teks, ia selalunya wajar meletakkan kursor pada penghujung teks sedia ada. Untuk mencapai ini memerlukan campur tangan JavaScript.

Penyelesaian Kebanyakan Penyemak Imbas

Bagi kebanyakan penyemak imbas, pendekatan yang mudah sudah memadai:

this.selectionStart = this.selectionEnd = this.value.length;
Salin selepas log masuk

Lebih unik Penyelesaian Pelayar

Walau bagaimanapun, penyemak imbas tertentu hadir kebiasaan yang memerlukan pendekatan yang lebih komprehensif:

setTimeout(function(){ that.selectionStart = that.selectionEnd = 10000; }, 0);
Salin selepas log masuk

Menggunakan jQuery (Pilihan)

jQuery boleh digunakan untuk mewujudkan pendengar acara, seperti yang ditunjukkan di bawah:

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

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan