Kommentare
- Wie ist das eine UX-Frage?
Antwort
Aus der Dokumentation
- mouseover (): source
Binden Sie einen Ereignishandler an das JavaScript-Ereignis „mouseover“ oder lösen Sie dieses Ereignis für ein Element aus.
Dies bedeutet nur, wenn die Maus über einem Element liegt.
- .hover (): source
Binden Sie einen oder zwei Handler an die übereinstimmenden Elemente, die mit der Maus ausgeführt werden sollen Der Zeiger gibt ein und verlässt die Elemente.
Calling $(selector).hover(handlerIn, handlerOut) ist eine Abkürzung für:
$(selector).mouseenter(handlerIn).mouseleave(handlerOut);
Oft werden diese Begriffe zusammen verwendet, weil sie beschreiben, was passieren soll, wenn ein Benutzer mit der Maus über ein Element fährt. Wie wird dieses Element aussehen? Wenn Sie jedoch mit einem Entwickler sprechen möchten, ist es schön, den Unterschied zu kennen.
Dies ist eine gute Erklärung mit Beispielen
Die Funktion hover () ist höherstufig – sie dient zum Aufrufen von Funktionen, die sowohl ein Mouseenter-Ereignis als auch ein Mouseleave-Ereignis behandeln. Sie ist sehr praktisch für ein UI-Element, das einen Hover- und Normalzustand aufweist (z. B. eine Schaltfläche). )
Die mouseover () -Funktion bindet spezifisch an das mouseover-Ereignis. Es ist am besten für Situationen geeignet, in denen es Ihnen nur wichtig ist, wenn die Maus die Grenze zu einem Element überschritten hat und es Ihnen egal ist, was passiert, wenn sie das Element verlässt. Es ist auch die Funktion, die aufgerufen werden muss, wenn Sie das Ereignis für ein Element auslösen möchten.
Von Quora
Kommentare
- Gute Antwort. Leider ist es nur gut für JQuery.
Antwort
Gibt es einen funktionalen Unterschied zwischen den beiden Begriffen oder sind sie in ihrer Bedeutung identisch? ?
Ich denke, es hängt davon ab, wer spricht. Die meisten Endbenutzer werden sie austauschbar verwenden – was Sinn macht. Als Nicht-Techniker ist ein Mouseover im Grunde genommen Bewegen Sie den Mauszeiger über das Element, wodurch etwas „passiert“.
Für jemanden, der Javascript schreibt, haben die beiden jedoch unterschiedliche Bedeutungen.
Die .hover () -Methode bindet Handler sowohl für mouseenter- als auch für mouseleave-Ereignisse. Sie können damit einfach ein Verhalten auf ein Element anwenden, während sich die Maus innerhalb des Elements befindet.