Bagaimana Anda Boleh Mengesan Peristiwa Klik pada Pseudo-Elements?

Hanya Kesan Peristiwa Klik pada Pseudo-Element

Adalah amalan biasa untuk menggunakan elemen pseudo untuk menggayakan elemen tanpa menjejaskan struktur DOM. Walau bagaimanapun, cabaran biasa timbul apabila kami ingin melampirkan pengendali acara pada elemen pseudo ini.

Masalahnya:

Coretan kod yang disediakan menunjukkan isu apabila klik peristiwa dicetuskan pada kedua-dua elemen induk (bit biru) dan unsur pseudo (bit merah) apabila elemen induk diklik. Matlamatnya adalah untuk mengesan acara klik hanya pada elemen pseudo.

Penyelesaian:

Malangnya, tidak mungkin untuk melampirkan pengendali acara terus ke pseudo- elemen kerana ia bukan sebahagian daripada DOM. Walau bagaimanapun, terdapat penyelesaian:

1. Buat Elemen Kanak-kanak: Daripada menggunakan elemen pseudo, buat elemen kanak-kanak (cth., span).
2. Letakkan Elemen Kanak-kanak: Letakkan elemen kanak-kanak sejurus selepas pembukaan

   tag.

3. Gunakan Gaya pada Elemen Kanak-kanak: Gunakan gaya yang diingini pada elemen kanak-kanak dan bukannya elemen pseudo.
4. Lampirkan Pengendali Acara: Ikat pengendali acara (cth., klik) pada elemen anak.

Atas ialah kandungan terperinci Bagaimana Anda Boleh Mengesan Peristiwa Klik pada Pseudo-Elements?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!