Метод jQuery mouseenter()

❮ Методы событий jQuery

Пример

Установите желтый цвет фона, когда указатель мыши входит в элемент <p>:

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

Определение и использование

Событие mouseenter происходит, когда указатель мыши находится над выбранным элементом (входит в него).

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

Примечание. В отличие от события mouseover , событие mouseenter срабатывает только тогда, когда указатель мыши входит в выбранный элемент. Событие mouseover запускается, если указатель мыши также входит в какие-либо дочерние элементы. См. пример в конце страницы для демонстрации.

Совет: это событие часто используется вместе с событием mouseleave .


Синтаксис

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

$(selector).mouseenter()

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

$(selector).mouseenter(function)

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

Попробуйте сами — примеры


Демонстрирует разницу между mouseenter(), mouseover() и mousemove().


❮ Методы событий jQuery