Le survol en css fonctionne-t-il sur les appareils mobiles ? J'ai une classe de survol en css qui fonctionne bien sur un navigateur Web ordinaire, mais pas sur les navigateurs mobiles.
Réponses
Trop de publicités?
El :hover La pseudo-classe a besoin d'un dispositif de pointage (entrée graphique), capable de distinguer les actions pointage y sélection/activation. En général, sur les appareils mobiles dotés d'une interface tactile, vous n'avez pas la première possibilité, mais seulement la seconde. De même, certaines interfaces à stylet ne permettent que l'activation, et non le pointage.
El
:hoverLa pseudo-classe s'applique lorsque l'utilisateur désigne un élément (avec un dispositif de pointage quelconque), mais ne l'active pas. Par exemple, un agent utilisateur visuel pourrait appliquer cette pseudo-classe lorsque le curseur (pointeur de la souris) survole une boîte générée par l'élément. Les agents utilisateurs ne prenant pas en charge les médias interactifs ne sont pas tenus de prendre en charge cette pseudo-classe. Certains agents utilisateurs conformes prenant en charge les médias interactifs peuvent ne pas être en mesure de prendre en charge cette pseudo-classe (par exemple, un dispositif à stylet).
Donc, pour répondre à votre question : Cela dépend de l'appareil, mais probablement pas. Et ne vous y fiez pas. Les appareils à écran tactile gagnant rapidement en popularité, vous perdrez la totalité des événements où l'on ne peut que pointer.
Je sais que Wacom travaillait sur ce sujet, mais pensez-vous vraiment que leur utilisation sera généralisée dans un avenir proche ?
Oui ! Vous attendiez-vous à ce que les téléphones portables à écran tactile (ou toute autre technologie actuelle) se généralisent aussi rapidement ? :)
andybak
Points
7081
Soupir. On dirait que personne ne répond à cette question en l'essayant sur un appareil réel. Dans de nombreux cas, cela fonctionne. Le premier clic agit comme un survol.
Plus d'informations ici : http://designshack.net/articles/css/are-hover-events-extinct/
Bien sûr, c'est très bien si le fait de cliquer sur quelque chose ne fait rien et que seul le survol le fait. Mais dans la plupart des cas, j'ai vu :hover déclenche quelques informations auxiliaires, une info-bulle ou autre, concernant ce qui se passe lorsque vous cliquez. Comme il est impossible de séparer les deux sur les appareils mobiles, un cas d'utilisation très important est perdu.
@ - Je suis d'accord, mais il faut savoir que :hover n'est pas entièrement une cause perdue sur les appareils tactiles.
Nathan Long
Points
30303
Pour les doigts, ce serait une fonction totalement inutile, car avec la taille de ces appareils, il est fort probable que votre doigt se trouve au-dessus de tout ce qui pourrait réagir au survol. À moins que vos doigts ne soient translucides, il serait assez difficile de le voir ;-)
Digicoder
Points
844
Cela dépend du navigateur utilisé dans l'appareil mobile. Voir Mode bizarrerie pour les appareils mobiles et voyez si votre navigateur/plate-forme l'implémente.
dajam
Points
21
D'après ma propre expérience, il fonctionne bien sur mon iphone4, quel que soit le navigateur (safari ou chrome), mais ne fonctionne pas correctement sur mon nexus10 avec chrome....
J'ai utilisé :hover pour mettre en œuvre le menu. Quand je dis "ça marche", je veux dire que la première touche se comporte comme un survol sur un bureau, et une deuxième touche se comportera comme un clic. Quand je dis "ça ne marche pas", je veux dire qu'une touche se comporte comme un clic directement...
0 votes
nczonline.net/blog/2012/07/05/ios-has-a-hover-problem (en anglais)