Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Menangkap Acara pada Medan Input Dilumpuhkan?

Bagaimanakah Saya Boleh Menangkap Acara pada Medan Input Dilumpuhkan?

Patricia Arquette
Lepaskan: 2024-12-16 20:15:16
asal
985 orang telah melayarinya

How Can I Capture Events on Disabled Input Fields?

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 <div>, di hadapan medan input yang dilumpuhkan. Elemen ini akan menangkap peristiwa klik:

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

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).

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan