Событие onmouseleave

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

Применимо к:

a, abbr, acronym, address, applet, area, b, bdo, big, blockquote, body, button, caption, center, cite, code, dd, del, dfn, dir, div, dl, dt, em, embed, fieldset, font, form, frame, frameset, h1-h6, hr, html, i, iframe, img, input, ins, isindex, kbd, label, legend, li, listing, map, marquee, menu, nobr, noframes, object, ol, p, plaintext, pre, q, s, samp, select, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, u, ul, var, xmp

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

Действия, вызывающие данное событие

Перемещение курсора мыши из области элемента.

Пример

<div style="border:silid 1px #000; width:150px; height:100px"  onmouseenter="alert('Вы навели курсор на элемент!')" onmouseleave="alert('Вы убрали курсор с элемента!')>
       Наведите курсор мыши на блок!
</div>

Заметки

Если нужно, чтобы действие происходило, когда курсор перемещается в область элемента, используется событие onmouseenter.

Событие onmouseleave работает только в IE. Для кроссбраузерного решения используется событие onmouseout.

Событие onmouseleave не срабатывает во время перетягивания элементов. В этом случае используется событие ondragleave.

В спецификации HTML 4.01 событие onmouseleave отсутствует!

По теме

Теги: события в HTML

Показать комментарии