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

Метод jQuery mouseleave()

События jQuery

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

при перемещении мыши за пределы элемента происходит событие mouseleave.

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

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

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

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

Грамматика:

Инициировать событие mouseleave选定ного элемента

$(selector).mouseleave()

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

$(selector).mouseleave(function)

Пример

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

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

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

Вызов события mouseleave: 2

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

Запуск кода

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

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

События jQuery