Bagaimanakah Saya Boleh Mengendalikan Peristiwa Klik pada Elemen Input Dilumpuhkan Merentasi Pelayar?

Pengendalian Acara untuk Elemen Input yang Dilumpuhkan

Elemen input yang dilumpuhkan, secara semula jadi, tidak bertindak balas kepada acara tetikus. Walaupun kebanyakan penyemak imbas membenarkan penyebaran acara daripada elemen yang dilumpuhkan ke atas pepohon DOM, tingkah laku ini tidak konsisten dengan Firefox. Mencari penyelesaian berkesan yang berfungsi merentas semua penyemak imbas boleh menjadi mencabar.

Penyelesaian Silang Penyemak Imbas

Untuk mencapai keserasian merentas penyemak imbas, pertimbangkan untuk meletakkan elemen tambahan di atas input dilumpuhkan. Dengan menangkap peristiwa klik pada elemen tindanan ini, anda boleh mensimulasikan gelagat yang dimaksudkan dengan berkesan. Begini cara ia berfungsi:

<div>
<pre class="brush:php;toolbar:false">$("div > div").click(function (evt) {
    $(this).hide().prev("input[disabled]").prop("disabled", false).focus();
});

Penyelesaian ini mencipta div tindanan yang meliputi input yang dilumpuhkan. Apabila pengguna mengklik tindanan, ia mencetuskan pengendali acara klik, yang kemudiannya melumpuhkan input dan membenarkan interaksi pengguna.

Kesimpulan

Sementara elemen input dilumpuhkan secara asli kurang pengendalian acara standard, dengan meletakkan elemen tindanan dan menangkap acara klik padanya, anda boleh melaksanakan keserasian merentas penyemak imbas penuh. Pendekatan ini membenarkan elemen input yang dilumpuhkan untuk berkelakuan seperti yang diharapkan, mengekalkan fungsi tanpa menjejaskan prestasi.