cari

Rumah >hujung hadapan web >tutorial css >Mengapa kelas Pseudo `:aktif` tidak berfungsi pada Pautan Safari Mudah Alih dan Bagaimana Saya Boleh Membetulkannya?

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

DDD
DDDasal
2024-12-02 22:17:15578semak imbas

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

Menyelesaikan Pseudo-Class :aktif Tidak Berfungsi untuk :Pautan aktif dalam Safari Mudah Alih

Menggunakan gaya pada elemen menggunakan :active pseudo-class ialah amalan biasa untuk menyerlahkan pautan aktif. Walau bagaimanapun, dalam Webkit pada peranti iOS, tingkah laku ini tidak dicetuskan apabila mengetik pada elemen. Untuk menyelesaikan isu ini, pertimbangkan penyelesaian berikut:

Acara Touchstart

Tambahkan acara ontouchstart pada elemen:

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

Ini membolehkan pencetus kelas pseudo :aktif apabila mengetik pada mana-mana elemen dalam halaman.

Fastclick Library

Sebagai alternatif, gunakan perpustakaan JavaScript Fastclick. Pustaka ini meningkatkan responsif peristiwa klik pada peranti sentuh dan juga menangani isu kelas pseudo aktif.

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

JavaScript safari webkit for using class Event this ios issue
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Bagaimanakah Saya Boleh Menghalang Peristiwa Mouseout daripada Mencetuskan Elemen Kanak-Kanak Di Dalam Div yang Diposisikan Benar?Artikel seterusnya：Bagaimanakah Saya Boleh Menghalang Peristiwa Mouseout daripada Mencetuskan Elemen Kanak-Kanak Di Dalam Div yang Diposisikan Benar?

Artikel berkaitan

Lihat lagi