Событие onmouseleave

События DOM MouseEvent

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

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

Совет:Это событие обычно используется с Событие onmouseenterИспользуются вместе, событие происходит, когда указатель мыши перемещается на элемент.

Совет: Событие onmouseleave похоже на Событие onmouseout.Единственное различие в том, что событие onmouseleave не бубнит (не передается по иерархии документов выше). См. также дополнительные примеры в нижней части страницы.

Пример

Пример 1

Выполните JavaScript, когда указатель мыши выводится из изображения:

<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">

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

Пример 2

Этот пример демонстрирует различия между событиями onmousemove, onmouseleave и onmouseout:

<div onmousemove="myMoveFunction()">
  <p id="demo">Я продемонстрирую наmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Я продемонстрирую наmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Я продемонстрирую наmouseout!</p>
</div>

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

Грамматика

В HTML:

<элемент onmouseleave="myScript">

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

В JavaScript:

объект.onmouseleave = function(){myScript};

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

В JavaScript, используя метод addEventListener():

объект.addEventListener("mouseleave", myScript);

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

Комментарий:Internet Explorer 8 и более ранние версии не поддерживают Метод addEventListener().

Технические детали

Бубнение: Не поддерживается
Может быть отменено: Не поддерживается
Типы событий: MouseEvent
Поддерживаемые HTML теги: Все HTML элементы, кроме: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> и <title>
Версия DOM: Уровень 2 событий

Поддержка браузера

Числа в таблице указывают на первую версию браузера, которая поддерживает это событие полностью.

События Chrome IE Firefox Safari Opera
onmouseleave 30.0 5.5 Поддержка 6.1 11.5
События DOM MouseEvent