Bagaimana untuk Tatal ke Penghujung Input Teks Panjang dalam Semua Pelayar Kecuali IE6-8 dan Opera?

Menatal ke Penghujung Input Teks Panjang

Dalam situasi ini, apabila pemilih imej mengisi medan input teks dengan panjang yang terlalu panjang URL, melihat permulaan URL memberikan maklumat yang minimum. Penyelesaian dicari untuk menatal medan teks ke hujung kanan, memaparkan hujung URL.

Keserasian Pelayar

Penyelesaian yang dicadangkan menggunakan HTMLInputElement.setSelectionRange() untuk menetapkan kedudukan kursor pada penghujung nilai input selepas menetapkan fokus secara eksplisit. Kaedah ini disokong oleh semua penyemak imbas utama kecuali IE6-8 dan Opera.

Pelaksanaan

Untuk melaksanakan penyelesaian ini, ikut langkah berikut:

1. Tetapkan fokus() medan input untuk memastikan ia aktif.
2. Tetapkan julat pemilihan medan input menggunakan setSelectionRange(foo.value.length,foo.value.length). Ini akan meletakkan kursor pada penghujung nilai input.

Kod Contoh

<code class="javascript">var foo = document.getElementById("foo");
foo.value = "http://stackoverflow.com/questions/1962168/scroll-to-the-very-right-of-a-long-text-input";
foo.focus();
foo.setSelectionRange(foo.value.length,foo.value.length);</code>

Kaveat

Walaupun penyelesaian ini berjaya menatal medan teks ke penghujung URL, ia disertakan dengan kaveat kecil: apabila medan input hilang fokus, ia akan kembali kepada memaparkan permulaan URL.

Atas ialah kandungan terperinci Bagaimana untuk Tatal ke Penghujung Input Teks Panjang dalam Semua Pelayar Kecuali IE6-8 dan Opera?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!