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

Klik Pengendalian Acara pada Input Dilumpuhkan

Dalam dokumen HTML, medan input yang dilumpuhkan tidak bertindak balas kepada sebarang acara tetikus. Walaupun mungkin untuk menyebarkan peristiwa daripada input yang dilumpuhkan kepada elemen induk dalam sesetengah penyemak imbas, Firefox tidak menyokong tingkah laku ini. Oleh itu, penyelesaian adalah perlu untuk mendayakan pengendalian acara pada input yang dilumpuhkan merentas penyemak imbas.

Satu penyelesaian ialah meletakkan elemen div telus pada input yang dilumpuhkan. Div ini akan menangkap peristiwa klik dan mencetuskan tindakan, seperti mengalih keluar atribut yang dilumpuhkan daripada input dan tetapan fokus.

Contoh HTML:

<div>

jQuery:

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

Skrip ini akan menyembunyikan elemen div selepas satu klik dan membolehkan input yang dilumpuhkan. Input juga akan menerima fokus, membolehkan pengguna berinteraksi dengannya dengan segera.

Contoh Kerja:

http://jsfiddle.net/RXqAm/170/

Dengan melaksanakan penyelesaian ini, pembangun boleh memastikan bahawa medan input yang dilumpuhkan masih boleh menerima peristiwa klik dan mencetuskan tindakan yang diingini dalam semua pelayar utama.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengendalikan Peristiwa Klik pada Medan Input Dilumpuhkan Merentasi Pelayar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!