Example

Change background color of an element when the mouse pointer leaves it:

$("p").mouseleave(function(){
  $("p").css("background-color","#E9E9E4");
});

Try it yourself »

Definition and Usage

The mouseleave event occurs when the mouse pointer leaves an element.

This event is mostly used together with the mouseenter event.

The mouseleave() method triggers the mouseleave event, or if the function parameter is set, it specifies what happens when a mouseleave event occurs.


Trigger the mouseleave Event

Trigger the mouseleave event for the selected element.

Syntax

$(selector).mouseleave()
Try it yourself »


Bind a Function to the mouseleave Event

Specifies a function to run when the mouseleave event is triggered for the selected element.

Syntax

$(selector).mouseleave(function)
Try it yourself »

Parameter Description
function Optional. Specifies the function to run when the mouseleave event is triggered.


Examples

Try it Yourself - Examples

The difference between mouseleave and mouseover
Demonstrates the difference between mouseleave and mouseover.