Latest web development tutorials
×

JavaScript & HTML DOM справочное руководство

обзор

JavaScript объекты

JavaScript Array объекты JavaScript Boolean объекты JavaScript Date объекты JavaScript Math объекты JavaScript Number объекты JavaScript String объекты JavaScript RegExp объекты JavaScript Глобальные свойства / функции JavaScript операторы

Browser объекты

Window объекты Navigator объекты Screen объекты History объекты Location объекты

DOM объекты

HTML DOM Document объекты HTML DOM объект Element HTML DOM Атрибут объекта HTML DOM объекты событий

HTML объекты

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

OnMouseLeave событие

Событие Ссылка на объект объекты событий

примеров

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

<Img OnMouseLeave = "normalImg (это)" SRC = "smiley.gif" ALT = "Смайли">

Попробуйте »

В приведенных ниже примерах более пункт "попробовать", чтобы увидеть больше демонстраций.


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

OnMouseLeave событие срабатывает, когда мышь удаляют элементы.

Примечание: Это событие, как правило , ассоциируется с OnMouseEnter используется в сочетании с событием, событие срабатывает при движении мыши над элементом.

Совет: OnMouseLeave событий , подобных onmouseout событию. Единственное отличие состоит в том, что события не поддерживают OnMouseLeave бульканье.


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

Цифры в таблице представляют первый браузер, чтобы поддержать эту версию событий.

событие
OnMouseLeave 30,0 5.5 да 6.1 11.5


грамматика

В HTML:

<ЭлементOnMouseLeave = "MyScript"> попробовать

В JavaScript:

объект .onmouseleave = функция () {MyScript }; попробуйте

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

объект .addEventListener ( "MouseLeave", MyScript ); попробуйте

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


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

Независимо от того, чтобы поддержать пузырь: Нет
Это может быть отменено: Нет
Тип события: MouseEvent
Поддерживаемые HTML-теги: Все HTML-элементы, за исключением: <базы>, <БДО>, <br>, <HEAD>, <HTML>, <IFRAME>, <META>, <PARAM>, <скрипт>, <стиль> и <title>


примеров

Другие примеры

примеров

Этот пример демонстрирует разницу между OnMouseMove, OnMouseLeave и onmouseout события:

<Div OnMouseMove = "myMoveFunction ()">
<P ID = "демо"> Я продемонстрирует OnMouseMove! </ P>
</ Div>

<Div OnMouseLeave = "myLeaveFunction ()">
<P ID = "demo2"> Я продемонстрирует OnMouseLeave! </ P>
</ Div>

<Div onmouseout = "myOutFunction ()">
<P ID = "demo3"> Я продемонстрирует onmouseout! </ P>
</ Div>

Попробуйте »

Событие Ссылка на объект объекты событий