:Pseudo-classe active dans Mobile Safari : un guide de dépannage
Dans le domaine du CSS, la pseudo-classe :active est généralement utilisé pour modifier l'apparence d'un élément lorsqu'il est activé par l'utilisateur. Cependant, lorsqu'il s'agit de balises dans Mobile Safari (appareils iOS), cette fonctionnalité peut rencontrer des problèmes. L'interaction tactile ne parvient pas à déclencher le style :active.
Comprendre le problème
Mobile Safari utilise un mécanisme de retard avant d'enregistrer les pressions des utilisateurs sur les écrans tactiles. Ce délai vise à empêcher des pressions involontaires de déclencher des actions. Par conséquent, le style :active n'est jamais appliqué car l'événement tap n'est pas immédiatement capturé.
Solution : contourner le délai
Pour surmonter ce problème, nous pouvons exploiter le l'attribut ontouchstart sur l'attribut
élément. En ajoutant cet attribut, nous indiquons que les événements tactiles doivent être surveillés.
<body ontouchstart="">
...
</body>Avec cette modification, Mobile Safari enregistrera immédiatement les événements tactiles, déclenchant le style :active comme prévu.
Alternativement , les développeurs peuvent utiliser « Fastclick », une bibliothèque JavaScript spécialement conçue pour améliorer la réactivité aux événements tactiles sur divers appareils. En incorporant cette bibliothèque, la pseudo-classe :active fonctionnera également de manière transparente.
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!
Comment résoudre le problème selon lequel le raccourci IE ne peut pas être supprimé
Comment ignorer l'activation en ligne dans Win11
Tutoriel Java
analyses statistiques
Le système informatique est composé de
La différence entre le masque de pâte et le masque de soudure
Utilisation de la fonction MySQL dateiff
kb4012212 Que faire si la mise à jour échoue
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
