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

Метод jQuery mouseout()

События jQuery

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

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

Вы можете подумать, чтоmouseout иmouseleaveсобытия одинаковы, но они не являются одними и теми же:

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

  • mouseleave-вызывается только при перемещении мыши за пределы элемента (см. примеры ниже)

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

Грамматика:

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

$(selector).mouseout()

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

$(selector).mouseout(function)

Пример

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

$("p").mouseover(function() {
  $(this).css("background-color", "yellow");
});
$("p").mouseout(function() {
  $(this).css("background-color", "lightblue");
});
Тестировать, чтобы увидеть‹/›

Этот пример демонстрирует различие между mouseleave и mouseout:

Вызов события Mouseleave:

Вызов события mouseout:

Запуск кода

Значение параметра

ПараметрОписание
ФункцияФункция, выполняемая при срабатывании события mouseout

События jQuery