Метод jQuery mouseenter()
Пример
Установите желтый цвет фона, когда указатель мыши входит в элемент <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().