Mengapa Kelas Pseudo Saya :active Tidak Berfungsi dalam Safari Mudah Alih dan Bagaimana Saya Boleh Membetulkannya?

:Kelas Pseudo aktif dalam Safari Mudah Alih: Panduan Penyelesaian Masalah

Dalam bidang CSS, kelas pseudo :aktif biasanya digunakan untuk mengubah rupa sesuatu elemen apabila ia sedang diaktifkan oleh pengguna. Walau bagaimanapun, apabila berurusan dengan teg dalam Safari Mudah Alih (peranti iOS), fungsi ini mungkin mengalami gangguan. Interaksi ketikan gagal mencetuskan gaya :aktif.

Memahami Isu

Safari Mudah Alih menggunakan mekanisme kelewatan sebelum mendaftarkan ketikan pengguna pada skrin sentuh. Kelewatan ini bertujuan untuk mengelakkan ketikan yang tidak disengajakan daripada mencetuskan tindakan. Akibatnya, penggayaan :aktif tidak pernah digunakan kerana acara ketik tidak ditangkap serta-merta.

Penyelesaian: Menghindari Kelewatan

Untuk mengatasi isu ini, kita boleh memanfaatkan atribut ontouchstart pada

unsur. Dengan menambahkan atribut ini, kami menunjukkan bahawa peristiwa sentuhan harus dipantau.

    ...

Dengan pengubahsuaian ini, Mobile Safari akan segera mendaftarkan peristiwa sentuhan, mencetuskan penggayaan :aktif seperti yang dimaksudkan.

Sebagai alternatif , pembangun boleh menggunakan "Fastclick", pustaka JavaScript yang direka khusus untuk meningkatkan responsif acara sentuhan pada pelbagai peranti. Dengan menggabungkan perpustakaan ini, kelas pseudo :aktif juga akan berfungsi dengan lancar.

Atas ialah kandungan terperinci Mengapa Kelas Pseudo Saya :active Tidak Berfungsi dalam Safari Mudah Alih dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!