Bagaimana untuk Tatal ke Penghujung Input Teks Panjang dalam HTML?

Menatal ke Penghujung Input Teks Panjang: Penyelesaian Terperinci

Dalam dunia aplikasi web, adalah perkara biasa untuk menemui medan input teks yang memuatkan URL yang panjang. Walaupun ini menyediakan ruang yang mencukupi untuk URL, ia selalunya menyebabkan permulaan URL dipaparkan, manakala hujung yang lebih bermaklumat kekal tersembunyi.

Cabaran:

Menavigasi melalui URL yang begitu panjang dalam medan teks menjadi tugas yang membosankan, kerana pengguna perlu menatal secara manual untuk sampai ke penghujungnya. Untuk mengurangkan kesulitan ini, pembangun telah mencari penyelesaian yang membolehkan mereka "menatal" terus ke hujung kanan URL. Ini menghapuskan keperluan untuk menatal manual dan menyediakan akses segera ke hujung URL.

Jawapannya:

Syukurlah, kaedah HTMLInputElement.setSelectionRange() menawarkan penyelesaian kepada cabaran ini. Dengan menetapkan fokus() secara eksplisit pada medan input dan seterusnya menetapkan selectionRange() kepada panjang nilai input, kursor diletakkan secara automatik di hujung URL.

Pelaksanaan:

<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>

Nota:

Adalah penting untuk ambil perhatian bahawa penyelesaian ini boleh digunakan untuk semua penyemak imbas kecuali IE6-8 dan Opera. Dalam penyemak imbas khusus ini, kursor mungkin kembali ke permulaan medan apabila input kehilangan fokus.

Atas ialah kandungan terperinci Bagaimana untuk Tatal ke Penghujung Input Teks Panjang dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!