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

jQuery mouseleave() Methode

jQuery Events

Die Methode mouseleave() löst ein mouseleave-Ereignis aus oder fügt eine Funktion hinzu, die ausgeführt wird, wenn ein mouseleave-Ereignis ausgelöst wird.

wird ein mouseleave-Ereignis ausgelöst, wenn der Mauszeiger aus einem bestimmten Element herausgefahren wird.

Sie könnten denken, dass mouseleave undmouseoutDas Ereignis ist dasselbe, aber sie sind nicht:

  • mouseleave-wird aufgerufen, wenn der Mauszeiger aus einem bestimmten Element herausgefahren wird

  • mouseout-aufgerufen, wenn der Mauszeiger aus einem bestimmten Element oder einem seiner Unterelemente herausgefahren wird (siehe nachstehende Beispiele)

mouseleave() Methode wird in der Regel mitmouseenter()Methods are used together.

Syntax:

Trigger the mouseleave event of the selected element:

$(selector).mouseleave()

Attach function to mouseleave event:

$(selector).mouseleave(function)

Instance

Change background color when mouseenter and mouseleave events are triggered:

$("p").mouseenter(function(){
  $(this).css("background-color", "yellow");
});
$("p").mouseleave(function(){
  $(this).css("background-color", "lightblue");
});
Test and see‹/›

This example demonstrates the difference between mouseleave and mouseout:

Call mouseleave event: 2

Call mouseout event: 2

Run Code

Parameter Value

ParameterDescription
functionFunction executed when the mouseleave event is triggered

jQuery Events