jQuery mouseleave()

The mouseleave() method adds an event handler function to an HTML element. This function is executed, when the mouse pointer leaves the HTML element.

When your mouse cursor leaves the selected element, it triggers the mouseleave event and once the mouseleave event is occurred, it executes the mouseleave() method attached with the event handler function to run.

This event is generally used together with mouseenter() event.

Syntax:

It triggers the mouseleave event for selected elements.

It adds a function to the mouseleave event.

Parameters of jQuery mouseleave() event

ParameterDescription
FunctionIt is an optional parameter. It executes itself when the mouseleave event is triggered.

Example of jQuery mouseleave() event

Let's take an example to demonstrate jQuery mouseleave() event.

Test it Now

Output:

Enter this heading.


jQuery mouseleave() event example 2

Let's see another example of jQuery mouseleave() event.

Test it Now

Output:

Move your mouse cursor over this statement.

Next TopicjQuery hover()




Latest Courses