Est-ce que css hover fonctionne sur les appareils mobiles?

Est-ce que css hover fonctionne sur les appareils mobiles? J’ai une classe css hover qui fonctionne bien sur un navigateur Web classique, mais ne fonctionne pas sur les navigateurs mobiles.

    La pseudo-classe :hover nécessite un périphérique de pointage (entrée graphique) capable de distinguer les actions pointant et sélectionnant / activant. Habituellement, sur les appareils mobiles dotés d’une interface tactile, vous ne possédez pas le premier, mais uniquement le second. De plus, certaines interfaces de stylet ne permettent que l’activation et non le pointage.

    La pseudo-classe :hover s’applique lorsque l’utilisateur désigne un élément (avec un périphérique de pointage), 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 case générée par l’élément. Les agents utilisateurs ne prenant pas en charge les médias interactifs ne doivent pas 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 périphérique à stylet).

    – W3C: CSS 2.1: Sélecteurs, pseudo-classes dynamics

    Donc, pour répondre à votre question: cela dépend de l’appareil mais probablement pas. Et ne comptez pas sur elle. Avec la popularité croissante des appareils à écran tactile, vous perdrez l’intégralité des événements de pointage uniquement.

    Soupir. Il semblerait que personne ne réponde à cette question sur un appareil réel. Dans de nombreux cas, cela fonctionne. Le premier clic agit comme un survol.

    Quelques informations supplémentaires ici: http://designshack.net/articles/css/are-hover-events-extinct/

    Pas à moins que l’appareil ne puisse détecter le passage de quelqu’un sur l’écran, sur le sharepoint toucher. 🙂

    Que signifie le questionneur par “Est-ce que css hover fonctionne sur les appareils mobiles?”

    Il ne veut évidemment pas dire ça littéralement, car il n’y a pas de vol stationnaire sur les appareils mobiles, donc ça ne peut pas marcher.

    S’il veut dire “Sur les appareils mobiles si je tape sur un object avec un style de vol stationnaire, est-ce que quelque chose arrive?” la réponse est oui, mais ce qui se passe varie avec l’appareil / le navigateur.

    Spécifiquement sur iPhone / Safari et Android, la réponse est comme si vous aviez écrit un gestionnaire d’événement OnClick () avec le changement de style, et cela persiste jusqu’à ce que vous tapiez sur un autre object. Sur Windows Phone, le changement de style se produit alors que votre doigt est enfoncé sur le téléphone, puis rétablit lorsque vous le relâchez.

    Vous pouvez vérifier votre appareil sur le site de test que j’ai configuré à davidleader.net/mobiledemo.html .

    Cela dépend du navigateur utilisé dans le périphérique mobile. Reportez-vous au mode Quirks pour les appareils mobiles et vérifiez si votre navigateur / plate-forme l’implémentera.

    De ma propre expérience, cela fonctionne très 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 implémenter le menu. Quand je dis “ça marche”, je veux dire que le premier toucher se comporte comme un vol stationnaire sur un bureau, et un second contact se comportera comme un clic. Quand je dis “ça ne marche pas”, je veux dire qu’une touche se comporte comme un clic directement …

    Je dirais non, car tu ne voles pas dans une interface mobile. Vous pouvez simplement appuyer sur, si sur l’écran tactile. Sinon, il vous suffit de parcourir les liens.

    ne fera pas sa magie sur les appareils à écran tactile, mais cela fonctionne sur les mobiles où l’utilisateur navigue en utilisant des touches fléchées (ou sur amazon)

    fonctionne également pour les appareils Blackberry Storm 1 au fur et à mesure qu’ils sont en contact, et les événements de clics dus à leurs écrans suedo-tactiles.

    : hover fonctionne avec le navigateur Android par défaut, mais il est vraiment difficile (pour l’utilisateur) de déclencher le survol sans déclencher un clic en même temps.