Метод jQuery mouseover()

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

Пример

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

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

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

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

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

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

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


Синтаксис

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

$(selector).mouseover()

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

$(selector).mouseover(function)

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

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


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


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