Description

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 occur.

---

Trigger the Event

Trigger the mouseleave event for the selected element.

This method has the form:

.mouseleave()

Return Value

This form returns a jQuery object.

---

Bind a Function to the Event

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

This method has the alternate form:

.mouseleave(function)

Parameter	Description
function	(optional) Specifies the function to run when the mouseleave event is triggered

Return Value

This form returns a jQuery object.

---

This method has the alternate form:

.mouseleave(data,function)

Parameter	Description
data	(optional) Specifies additional data to pass along to the function
function	(optional) Specifies the function to run when the mouseleave event is triggered

Return Value

This form returns a jQuery object.

Examples

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

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