Mengapa :kelas Pseudo aktif tidak berfungsi pada Safari Mudah Alih, dan Bagaimana Saya Boleh Membetulkannya?-tutorial css-php.cn

Mengapa :kelas Pseudo aktif tidak berfungsi pada Safari Mudah Alih, dan Bagaimana Saya Boleh Membetulkannya?

Susan Sarandon

Lepaskan： 2024-11-29 04:15:11

asal

672 orang telah melayarinya

Why Doesn't :active Pseudo-class Work on Mobile Safari, and How Can I Fix It?

Menyelesaikan masalah :Ketidakaktifan Kelas Pseudo aktif pada Safari Mudah Alih : Penyelesaian Pantas

Kelas pseudo :aktif membenarkan elemen penggayaan apabila ia sedang diklik. Walau bagaimanapun, pada Safari mudah alih, fungsi ini mungkin tidak tercetus apabila mengetik elemen, terutamanya untuk teg . Isu ini berpunca daripada mekanisme pengendalian peristiwa sentuh khusus untuk Safari mudah alih.

Untuk menyelesaikan masalah ini, satu pendekatan yang berkesan ialah menambahkan atribut acara ontouchstart pada tag:

<body ontouchstart="">
    ...
</body>

Salin selepas log masuk

Atribut ini, apabila digunakan sekali, memulakan proses pengendalian peristiwa sentuhan dan memastikan kelas pseudo :aktif dicetuskan dengan betul untuk elemen pada halaman.

Sebagai alternatif, menggabungkan perpustakaan JavaScript ringan yang dipanggil "Fastclick" boleh meningkatkan responsif acara klik pada peranti sentuh dan menangani perkara yang disebutkan di atas isu.

Dengan melaksanakan penyelesaian ini, pembangun boleh mengaktifkan kelas pseudo :aktif dengan berkesan dan menggunakan penggayaan pada elemen apabila mengetik dalam Safari mudah alih, mencapai pengalaman interaktif yang lancar untuk aplikasi mereka.

Atas ialah kandungan terperinci Mengapa :kelas Pseudo aktif tidak berfungsi pada Safari Mudah Alih, dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!