Maison >interface Web >tutoriel CSS >Pourquoi la pseudo-classe `:active` ne fonctionne-t-elle pas sur les liens Safari mobiles et comment puis-je y remédier ?

Pourquoi la pseudo-classe `:active` ne fonctionne-t-elle pas sur les liens Safari mobiles et comment puis-je y remédier ?

DDDoriginal: 2024-12-02 22:17:15490parcourir

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

Résolution du non-fonctionnement de la pseudo-classe :active pour les liens :actifs dans Mobile Safari

Application de styles à un L'élément utilisant la pseudo-classe :active est une pratique courante pour mettre en évidence les liens actifs. Cependant, dans Webkit sur les appareils iOS, ce comportement n'est pas déclenché lorsque vous appuyez sur l'élément. Pour résoudre ce problème, envisagez les solutions suivantes :

Événement Touchstart

Ajoutez l'événement ontouchstart au element:

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

Cela active le déclenchement de la pseudo-classe :active lorsque vous appuyez sur n'importe quel élément de la page.

Bibliothèque Fastclick

Vous pouvez également utiliser la bibliothèque JavaScript Fastclick. Cette bibliothèque améliore la réactivité des événements de clic sur les appareils tactiles et résout également le problème de la pseudo-classe :active.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

JavaScript safari webkit for using class Event this ios issue

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment puis-je empêcher les événements Mouseout de se déclencher sur des éléments enfants à l'intérieur d'une division absolument positionnée ?Article suivant：Comment puis-je empêcher les événements Mouseout de se déclencher sur des éléments enfants à l'intérieur d'une division absolument positionnée ?

Articles Liés

Voir plus