Maison >interface Web >tutoriel CSS >Pourquoi la pseudo-classe :active ne fonctionne-t-elle pas sur Mobile Safari et comment puis-je y remédier ?
Pourquoi la pseudo-classe :active ne fonctionne-t-elle pas sur Mobile Safari et comment puis-je y remédier ?
- Susan Sarandonoriginal
- 2024-11-29 04:15:11766parcourir
Dépannage : inactivité de la pseudo-classe active sur Safari mobile : une solution rapide
La pseudo-classe :active permet de styliser les éléments lorsqu'ils sont cliqués. Cependant, sur Safari mobile, cette fonctionnalité peut ne pas se déclencher lorsque vous appuyez sur des éléments, notamment pour les balises . Ce problème provient du mécanisme de gestion des événements tactiles spécifique à Safari mobile.
Pour résoudre ce problème, une approche efficace consiste à ajouter l'attribut d'événement ontouchstart à l'attribut
tag :<body ontouchstart="">
...
</body>
Cet attribut, lorsqu'il est appliqué une fois, lance le processus de gestion des événements tactiles et garantit que la pseudo-classe :active se déclenche correctement pour les éléments de la page.
Alternativement, en incorporant une bibliothèque JavaScript légère appelée "Fastclick" peut à la fois améliorer la réactivité aux événements de clic sur les appareils tactiles et résoudre le problème susmentionné.
En implémentant cette solution, les développeurs peuvent activer efficacement le :active pseudo-classe et appliquez un style aux éléments en appuyant sur dans Safari mobile, obtenant ainsi une expérience interactive transparente pour leurs applications.
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!