Mengesan Peristiwa Klik pada Pseudo-Elements
Soalan:
Walaupun percubaan untuk melaksanakan klik pendengar acara pada elemen pseudo (tindanan merah dalam kes ini), acara itu juga dicetuskan pada elemen utama (latar belakang biru). Objektifnya adalah untuk mengasingkan pengesanan klik kepada elemen pseudo semata-mata.
Jawapan:
Elemen pseudo, seperti tindanan merah dalam biola JavaScript yang disediakan, adalah bukan sebahagian daripada Model Objek Dokumen (DOM). Akibatnya, mereka tidak boleh menerima secara langsung pengikatan acara. Dalam situasi ini, peristiwa klik dikaitkan dengan elemen induk (latar belakang biru).
Untuk mengaktifkan pengendali acara klik secara eksklusif untuk kawasan merah, ia memerlukan mencipta elemen anak, seperti span, dalam elemen utama dan menerapkan gaya dengan sewajarnya. Elemen kanak-kanak ini berfungsi sebagai sasaran untuk acara klik dan bukannya elemen pseudo.
Dengan menggunakan strategi ini, acara klik boleh diasingkan ke kawasan yang dikehendaki, memenuhi keperluan khusus untuk bertindak balas terhadap interaksi dengan unsur pseudo tanpa menjejaskan unsur yang merangkumi.
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Peristiwa Klik Hanya pada Elemen Pseudo, Bukan Induknya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!