Событие onmouseout

События onblur onchange onclick ondblclick onfocus onkeydown onkeypress onkeyup onload onmousedown onmousemove onmouseout onmouseover onmouseup onreset onscroll onselect onsubmit onunload

Описание

Событие onmouseout срабатывает, когда курсор мыши выходит за пределы элемента, к которому добавляется параметр onmouseout. Это событие обычно работает в связке с параметром onmouseover.

Синтаксис

onmouseout="скрипт"

Значения

Код скрипта

Значение по умолчанию

Нет.

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Событие onmouseout</title>
  <script type="text/javascript">
   function resize(img, x, y) {
    img.width = x;
    img.height = y;
   }
  </script>
 </head>
 <body>
  <p><img src="images/figure.jpg" alt=""
    onmouseout="resize(this, 100, 111)" onmouseover="resize(this, 200, 222)"></p>
 </body>
</html>

В данном примере при наведении курсора на изображение оно увеличивается в размерах, а при уведении курсора за пределы картинки, меняет размеры на исходные.

Примечание

Internet Explorer 6 содержит ошибку при работе с изображениями, события onmouseover и onmouseout для тега <img> не обрабатываются.

Браузеры: Настольные Мобильные ?

Internet Explorer		Chrome	Opera	Safari	Firefox
4	7	1	4	1	1

Android	Firefox Mobile	Opera Mobile	Safari Mobile
1	1	6	1

✖

Браузеры

В таблице браузеров применяются следующие обозначения.

— элемент полностью поддерживается браузером;
— элемент браузером не воспринимается и игнорируется;
— при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

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