Was ist der Unterschied zwischen Onmouseover und Hover in CSS?

Hover umfasst den Vorgang, bei dem die Maus gleichzeitig auf das Objekt bewegt und aus dem Objekt herausbewegt wird, wobei auch die entsprechende Unterklasse ausgewählt wird.

Mouseover bedeutet, dass, wenn die Maus über ein Objekt fährt, alle Unterklassen, die es nicht enthalten, gleichzeitig ausgewählt werden.

Der Hauptunterschied besteht darin, dass Ereignistreiber auch zu den Unterklassen von Hover-Elementen hinzugefügt werden. Und Mouseover fügt nur dem aktuellen Element einen Ereignistreiber hinzu.

und das Hover-Ereignis enthält das Mouseover-Ereignis

mousemove(fn);

Binden Sie eine Handlerfunktion an das Mousemove-Ereignis jedes passenden Elements.

hover(over, out);

Eine Methode, die Hover-Ereignisse simuliert (die Maus bewegt sich über ein Objekt und aus diesem heraus). Dies ist eine benutzerdefinierte Methode, die für häufig verwendete Aufgaben einen „Keep-in-it“-Status bereitstellt.

Wenn sich die Maus über ein passendes Element bewegt, wird die erste angegebene Funktion ausgelöst. Wenn sich die Maus aus diesem Element herausbewegt, wird die angegebene zweite Funktion ausgelöst. Darüber hinaus erfolgt eine Erkennung, ob sich die Maus noch in einem bestimmten Element befindet (Erkennung von Unterklassen). Wenn ja, bleibt sie weiterhin im „Hover“-Zustand, ohne das Move-Out-Ereignis auszulösen (Mouseout).

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

Es gibt einen solchen Absatz im JQuery-Quellcode:
hover: function( fnOver, fnOut ) {
return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver ) ;
}

Das heißt schweben! = Mouseover+Mouseout. Aber Hover=Mouseenter + Mouseleave.

Früher wusste ich nur, dass Pseudoklassen wie Hover, Link, Visited und Active nur auf das Tag a angewendet werden können, das heißt, sie sollten als a:hover, a:link, a:besucht, a:aktiv. Tatsächlich können diese vier Dinge auf andere HTML-Tags und -Klassen angewendet werden, die anderen Definitionen zugewiesen sind.

Informationen zu CSS-Pseudoklassen finden Sie unter: http://www.w3school.com.cn/css/css_pseudo_classes.asp

a:link {color: #FF0000} /* Nicht besuchter Link*/

a:visited {color: #00FF00} /* Besuchter Link*/

a:hover {color: #FF00FF} /* Bewegen Sie die Maus zum Link* /

a:active {color: #0000FF} /* Ausgewählter Link*/

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Onmouseover und Hover in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!