English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Метод jQuery mouseover()

События jQuery

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

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

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

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

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

  • mousemove-При наведении мыши на элемент вызывается (см. примеры ниже)

Метод mouseover() обычно используется вместе сmouseout()Методы могут использоваться вместе.

Синтаксис:

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

$(selector).mouseover()

Привязка функции к событиюmouseover

$(selector).mouseover(function)

Пример

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

$("p").mouseover(function(){
  $(this).css("background-color", "yellow");
});
$("p").mouseout(function(){
  $(this).css("background-color", "lightblue");
});
Проверьте, посмотрите‹/›

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

Срабатывающие событияMouseenter:

Срабатывающие событияmousemove:

Срабатывающие события hover мыши:

Запуск кода

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

ПараметрыОписание
functionФункция, выполняемая при каждом срабатывании события hover мыши

События jQuery