English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery mouseenter() 方法

jQuery Ereignisse

mouseenter()方法触发mouseenter事件,或附加一个函数以在发生mouseenter事件时运行。

当鼠标指针进入元素时,将发生mouseenter事件。

您可能会认为mouseenter,mousemovemouseover事件是相同的,但它们不是:

  • mouseenter-仅在鼠标指针进入元素时调用

  • mousemove-将鼠标指针移到元素上时调用

  • mouseover-当鼠标指针进入元素及其子元素时调用(请参见下面的示例)

mouseenter()方法通常与mouseleave()方法一起使用。

语法:

触发选定元素的mouseenter事件:

$(selector).mouseenter()

Fügen Sie die Funktion dem mouseenter-Ereignis hinzu:

$(selector).mouseenter(function)

Beispiel

Ä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:

Aufgerufenes Mouseenter-Ereignis:

Aufgerufenes mousemove-Ereignis:

Aufgerufenes Mausüber-Ereignis:

Code ausführen

Parameterwert

ParameterBeschreibung
functionFunktion, die beim Auslösen des mouseenter-Ereignisses ausgeführt wird

jQuery Ereignisse