Bagaimanakah Saya Boleh Menangkap Acara pada Medan Input Dilumpuhkan?

Cara Menangkap Acara pada Medan Input Dilumpuhkan

Medan input yang dilumpuhkan biasanya tidak mengendalikan pendengar acara. Ini boleh menjadi cabaran jika anda perlu mendayakan kefungsian berdasarkan interaksi pengguna dengan input sedemikian.

Penyelesaian:

Untuk mengatasi isu ini, anda boleh menyediakan pengendali acara pada elemen kontena, kerana penyemak imbas sering menyebarkan peristiwa yang berasal daripada elemen yang dilumpuhkan ke atas pokok DOM. Walau bagaimanapun, penyemak imbas tertentu, seperti Firefox, tidak berkelakuan dengan cara ini.

Penyelesaian Silang Penyemak Imbas:

Untuk keserasian merentas penyemak imbas yang lengkap, anda boleh meletakkan telus elemen, seperti

, di hadapan medan input yang dilumpuhkan. Elemen ini akan menangkap peristiwa klik:

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

Dengan penyelesaian ini, acara klik pada tindanan lutsinar akan mendayakan medan input yang dilumpuhkan dan memberikan fokus.

Demonstrasi:

Anda boleh melihat penyelesaian ini dalam tindakan di: http://jsfiddle.net/RXqAm/170/ (menggunakan jQuery 1.7 dengan prop dan bukannya attr).