Le survol fonctionne parfaitement sur les machines sans écrans tactiles. Vous obtenez un effet de survol avec une souris ou un pavé tactile, par exemple, voici moi en train de survoler le bouton de partage :
Mais pour les ordinateurs portables équipés à la fois d’un écran tactile et d’une souris/pavé tactile… je ne suis pas sûr qu’il existe un moyen de détecter si la souris est débranchée ou branchée.
Je ne sais pas s’il existe une solution via la détection des médias CSS4 :
Ce serait cependant pratique de pouvoir corriger ce problème pour les appareils qui sont détectés comme étant à la fois tactiles et dotés d’une souris — afin de permettre le survol pour ces derniers. Les utilisateurs ont fini par désactiver l’écran tactile de leur ordinateur portable pour que cela fonctionne, probablement parce qu’ils n’utilisent jamais la partie tactile de toute façon.
J’ai testé cela : https://jsfiddle.net/davidThomas/q29r4pjs/3/ et j’ai obtenu :
- ordinateur de bureau
souris - iPhone
tactile - Surface Pro souris ← incorrect !
J’ai également testé https://jsfiddle.net/Blackbam/zkd2cs0t/16/ avec les mêmes résultats : l’appareil combinant écran tactile et souris apparaît identique à un ordinateur de bureau.