Bagaimana untuk Mencapai Gelagat Konsisten Jenis Input=Julat Peristiwa Perubahan Merentasi Pelayar?

Kelakuan Tidak Konsisten Peristiwa Berubah untuk Jenis Input=Julat dalam Firefox lwn. Pelayar Lain

Apabila bekerja dengan , perbezaan ketara antara Firefox dan penyemak imbas lain ialah kelakuan acara onchange. Dalam Firefox, peristiwa ini hanya dicetuskan apabila peluncur dikeluarkan, manakala penyemak imbas lain memanggilnya sepanjang proses penyeretan.

Untuk mencapai gelagat yang konsisten merentas penyemak imbas dan mendapatkan kemas kini langsung semasa menyeret, gunakan acara oninput bersama-sama dengan onchange. Pendekatan ini menangkap kemas kini dalam Firefox, Safari dan Chrome, tanpa mengira sumber input (tetikus atau papan kekunci).

Berikut ialah contoh kod yang dikemas kini:

<code class="html"><span id="valBox"></span>
<input type="range" min="5" max="10" step="1" oninput="showVal(this.value)" onchange="showVal(this.value)" /></code>

Pengendalian acara gabungan ini memastikan bahawa fungsi showVal digunakan semasa fasa seret (oninput) dan saat keluaran nilai (onchange), memberikan pengalaman yang konsisten merentas semua penyemak imbas utama. Lihat urutan Bugzilla untuk mendapatkan butiran lanjut tentang percanggahan tingkah laku ini.

Atas ialah kandungan terperinci Bagaimana untuk Mencapai Gelagat Konsisten Jenis Input=Julat Peristiwa Perubahan Merentasi Pelayar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!