Quelle est la différence entre onmouseover et hover en CSS ?

Le survol inclut le processus consistant à déplacer la souris sur l'objet et à déplacer la souris hors de l'objet en même temps, et la sous-classe correspondante est également sélectionnée.

Mouseover signifie que lorsque la souris passe sur un objet, toutes les sous-classes qui ne l'incluent pas sont sélectionnées en même temps.

La principale différence est que les pilotes d'événements sont également ajoutés aux sous-classes des éléments de survol. Et le survol de la souris ajoute uniquement le pilote d'événement à l'élément actuel.

et l'événement hover contient l'événement mouseover

mousemove(fn);

Liez une fonction de gestionnaire à l'événement mousemove de chaque élément correspondant.

hover(over, out);

Une méthode qui simule les événements de survol (la souris se déplace sur et hors d'un objet). Il s'agit d'une méthode personnalisée qui fournit un état « conserver » pour les tâches fréquemment utilisées.

Lorsque la souris passe sur un élément correspondant, la première fonction spécifiée sera déclenchée. Lorsque la souris quitte cet élément, la deuxième fonction spécifiée sera déclenchée. De plus, cela s'accompagnera d'une détection si la souris est toujours dans un élément spécifique (détection de sous-classes). Si c'est le cas, elle continuera à rester dans l'état "hover" sans déclencher l'événement de déplacement (mouseout).

$("td").hover( function() { $(this).addClass("survol"); }, fonction () { $(this).removeClass("survol"); });

Il existe un tel paragraphe dans le code source de jquery :
hover: function( fnOver, fnOut ) {
return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver ) ;
}

C'est à dire survolez ! = survol + sortie de la souris. Mais hover=mouseenter + mouseleave.

Dans le passé, je savais seulement que les pseudo-classes comme hover, link, visited et active ne pouvaient être appliquées qu'à la balise a, c'est-à-dire qu'elles devaient être écrites sous la forme a:hover, a:link, a: visité, a: actif. En fait, ces quatre éléments peuvent être appliqués à d’autres balises HTML et classes attribuées à d’autres définitions.

Pour plus d'informations sur les pseudo-classes CSS, veuillez vous référer à : http://www.w3school.com.cn/css/css_pseudo_classes.asp

a:link {color: #FF0000} /* Lien non visité*/

a:visited {color: #00FF00} /* Lien visité*/

a:hover {color: #FF00FF} /* Déplacez la souris vers le lien* /

a:active {color: #0000FF} /* Lien sélectionné*/

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!