Метод jQuery mouseenter()

События jQuery

Метод mouseenter() инициирует событие mouseenter, или можно добавить функцию, которая будет выполняться при инициировании события mouseenter.

Событие mouseenter инициируется при входе курсора мыши в элемент.

Вы можете подумать, что mouseenter,mousemoveиmouseoverСобытия одинаковы, но они не такие:

• mouseenter-Вызывается только при входе курсора мыши в элемент.

• mousemove-Вызывается при перемещении курсора мыши на элемент.

• mouseover-Вызывается при входе курсора мыши в элемент и его подэлементы (см. примеры ниже).

Метод mouseenter() обычно используется вместе сmouseleave()Методы можно использовать вместе.

Синтаксис:

Инициировать событие mouseenter для выбранного элемента:

$$(selector).mouseenter()

Присоединение функции к событию mouseenter

$(selector).mouseenter(function)

Пример

Изменение цвета фона при срабатывании событий mouseenter и mouseleave:

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

Этот пример демонстрирует различия междуmousemove, mouseenter и mouseover:

Значения параметров

События jQuery