Событие onmouseout

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

Синтаксис

onmouseout="<скрипт>"

Значения

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta 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="image/figure.jpg" alt="" 
    onmouseout="resize(this, 100, 111)" onmouseover="resize(this, 200, 222)"></p> 
 </body>
</html>

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

Примечание

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

Браузеры ?

Браузеры

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

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

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

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 19.03.2018
Редакторы: Влад Мержевич
Курс по вёрстке сайта на CSS Grid