JavaScript peut-il simuler de manière fiable les effets CSS :hover ?

Simulation du survol de la souris en JavaScript : défis avec CSS :hover

Tentative de simuler un événement de survol de la souris en JavaScript pour activer le CSS ":hover" la propriété peut s'avérer difficile, comme le démontre ce qui suit query :

Question :

J'ai tenté de simuler un événement de survol de la souris à l'aide d'un écouteur de survol de la souris dans Chrome. Pendant que l'écouteur est déclenché, la déclaration :hover reste. inactif. J'ai essayé d'ajouter manuellement une classe "survol", mais cela n'a pas réussi à modifier l'apparence de l'élément. ceci ?

Réponse :

Malheureusement, cette méthode n'est pas possible. Le survol de la souris n'est pas un événement fiable.

Les événements générés par l'agent utilisateur (soit à la suite d'une interaction de l'utilisateur, soit à la suite de modifications du DOM) sont des événements générés par des scripts avec la méthode DocumentEvent.createEvent("Event"), Event Un événement de confiance qui dispose de privilèges non accordés aux événements modifiés avec la méthode .initEvent() ou aux événements distribués avec la méthode EventTarget.dispatchEvent(). L'attribut isTrusted des événements approuvés a la valeur true et l'attribut isTrusted des événements non approuvés a la valeur false.

La plupart des événements non fiables ne déclenchent pas d'action par défaut, à l'exception des événements click ou DOMActivate.

Vous devez donc ajouter et supprimer manuellement des classes dans les événements mouseover/mouseout.

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!