пример
Выполнение JavaScript при перемещении указателя мыши из изображения:
<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
OnMouseLeave событие происходит, когда указатель мыши перемещается из элемента.
Совет: Это событие часто используется вместе с OnMouseEnter события, которое происходит , когда указатель мыши перемещается на элемент.
Совет: OnMouseLeave событие похоже на onmouseout события. Единственное отличие состоит в том , что OnMouseLeave событие не пузырь (does not propagate up the document hierarchy) . См "More Examples" в нижней части этой страницы , чтобы лучше понять различия.
Поддержка браузеров
Числа в таблице указать первую версию браузера, который полностью поддерживает событие.
| Мероприятие | |||||
|---|---|---|---|---|---|
| onmouseleave | 30,0 | 5,5 | да | 6,1 | 11,5 |
Синтаксис
В HTML:
В JavaScript:
object .onmouseleave=function(){ Попробуй сам " В JavaScript, используя addEventListener() метод:
object .addEventListener("mouseleave", myScript );
Попробуй сам " Примечание: addEventListener() метод не поддерживается в Internet Explorer 8 и более ранних версий.
Технические подробности
| Пузыри: | нет |
|---|---|
| аннулированию: | нет |
| Тип события: | MouseEvent |
| Поддерживаемые HTML-теги: | Все HTML - элементы, КРОМЕ: <основание>, <БДО> <br>, <HEAD>, <HTML>, <IFRAME>, <META>, <PARAM>, <скрипт>, <стиль> и <title> |
| DOM Версия: | Уровень 2 События |
Еще примеры
пример
Этот пример демонстрирует разницу между OnMouseMove, OnMouseLeave и onmouseout событий:
<div onmousemove="myMoveFunction()">
<p id="demo">I will
demonstrate onmousemove!</p>
</div>
<div
onmouseleave="myLeaveFunction()">
<p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div
onmouseout="myOutFunction()">
<p id="demo3">I will
demonstrate onmouseout!</p>
</div>
Попробуй сам " <Объект Event