Rumah >hujung hadapan web >tutorial css >Mengapa :kelas Pseudo aktif tidak berfungsi pada Safari Mudah Alih, dan Bagaimana Saya Boleh Membetulkannya?
Mengapa :kelas Pseudo aktif tidak berfungsi pada Safari Mudah Alih, dan Bagaimana Saya Boleh Membetulkannya?
- Susan Sarandonasal
- 2024-11-29 04:15:11701semak imbas
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>
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!