Éléments et comment puis-je y remédier ?
" />
Problème :
Dans les navigateurs iOS, la spécification de styles pour le pseudo- :active La classe pour les éléments ne parvient pas à s'activer lorsque l'élément est enfoncé. Le problème se produit dans les navigateurs basés sur WebKit sur les iPhones, iPads et. iPods.
Exemple de code :
<style>
a:active {
background-color: red;
}
</style>
<!-- snip -->
<a href="#">Click me</a>Solution :
Pour résoudre ce problème dans Mobile Safari, appliquez le écouteur d'événement ontouchstart pour l'élément
:<body ontouchstart=""> ... </body>
Cet écouteur d'événement global améliore la réactivité de tous les boutons de la page.
Solution alternative :
Une approche alternative consiste à utiliser la bibliothèque JavaScript Fastclick :
<script src="//cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js"></script> <script> FastClick.attach(document.body); </script>
Fastclick accélère les événements de clic sur les appareils tactiles et résout le problème de 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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
