Bagaimanakah Saya Boleh Mencetuskan Peristiwa pada Elemen Input Dilumpuhkan dalam Pelayar Seperti Firefox?

Penyelesaian untuk Acara pada Elemen Input Dilumpuhkan

Elemen input yang dilumpuhkan biasanya tidak mencetuskan peristiwa tetikus. Walaupun kebanyakan penyemak imbas menyebarkan peristiwa daripada elemen yang dilumpuhkan ke bekas induknya, Firefox tidak menyokong tingkah laku ini. Ini boleh menimbulkan cabaran untuk senario tertentu.

Masalah:

Anda perlu mengendalikan acara pada elemen input yang dilumpuhkan, tetapi tingkah laku lalai menghalang perkara ini.

Penyelesaian:

Untuk mengatasi isu ini, satu teknik boleh digunakan untuk memintas peristiwa daripada elemen input yang dilumpuhkan dan mencetuskan klik pada elemen bersebelahan yang tidak dilumpuhkan.

Berikut ialah contoh pelaksanaan menggunakan HTML dan jQuery:

<div>

$("div > div").click(function (evt) {
    $(this).hide().prev("input[disabled]").prop("disabled", false).focus();
});

Dalam contoh ini, elemen div bertindih dengan elemen input yang dilumpuhkan. Apabila div diklik, ia mencetuskan klik pada elemen input, yang seterusnya membolehkan elemen input dan menetapkan fokus padanya.

Contoh:

Lawati mengikuti contoh JSFiddle untuk melihat teknik ini dalam tindakan:

https://jsfiddle.net/RXqAm/170/

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencetuskan Peristiwa pada Elemen Input Dilumpuhkan dalam Pelayar Seperti Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!