English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
mouseenter()方法触发mouseenter事件,或附加一个函数以在发生mouseenter事件时运行。
当鼠标指针进入元素时,将发生mouseenter事件。
您可能会认为mouseenter,mousemove和mouseover事件是相同的,但它们不是:
mouseenter-仅在鼠标指针进入元素时调用
mousemove-将鼠标指针移到元素上时调用
mouseover-当鼠标指针进入元素及其子元素时调用(请参见下面的示例)
mouseenter()方法通常与mouseleave()方法一起使用。
触发选定元素的mouseenter事件:
$(selector).mouseenter()
Fügen Sie die Funktion dem mouseenter-Ereignis hinzu:
$(selector).mouseenter(function)
Ändern Sie die Hintergrundfarbe beim Auslösen der Ereignisse mouseenter und mouseleave:
$("p").mouseenter(function() { $(this).css("background-color", "yellow"); }); $("p").mouseleave(function() { $(this).css("background-color", "lightblue"); });Testen Sie heraus‹/›
Dieser Beispiel zeigt die Unterschiede zwischen mousemove, mouseenter und mouseover:
Parameter | Beschreibung |
---|---|
function | Funktion, die beim Auslösen des mouseenter-Ereignisses ausgeführt wird |