jQuery mouseenter() method

Événements jQuery

The mouseenter() method triggers the mouseenter event, or attach a function to be executed when the mouseenter event occurs.

A mouseenter event occurs when the mouse pointer enters the element.

You might think mouseenter,mousemoveandmouseoverThe event is the same, but they are not:

• mouseenter-Call only when the mouse pointer enters the element

• mousemove-Call when the mouse pointer is moved to the element

• mouseover-Call when the mouse pointer enters the element and its child elements (see the following example)

The mouseenter() method is usually used withmouseleave()methods are used together.

Syntax:

Trigger the mouseenter event of the selected element:

$(selector).mouseenter()

Ajouter une fonction à l'événement mouseenter :

$(selector).mouseenter(function)

Exemple

Changer la couleur de fond lors du déclenchement des événements mouseenter et mouseleave :

$("p").mouseenter(function(){
　　$(this).css("background-color", "yellow");
});
$("p").mouseleave(function(){
　　$(this).css("background-color", "lightblue");
});

Cet exemple montre la différence entre mousemove, mouseenter et mouseover :

Valeur du paramètre

Événements jQuery