masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
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
Lepaskan： 2024-12-02 22:17:15
asal
561 orang telah melayarinya

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>
Salin selepas log masuk

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!

sumber：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 Mengakses Kandungan dan Kaunter Dijana CSS Menggunakan JavaScript?
Kenyataan Laman Web ini
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 terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2190
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2338
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1963
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1849
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1904
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan