Pourquoi la pseudo-classe :active ne fonctionne-t-elle pas sur Mobile Safari et comment puis-je y remédier ?-tutoriel CSS-php.cn

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

Susan Sarandon

Libérer： 2024-11-29 04:15:11

original

672 Les gens l'ont consulté

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

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>

Copier après la connexion

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!