Событие onmouseout срабатывает, когда курсор мыши выходит за пределы элемента, к которому добавляется атрибут onmouseout. Это событие обычно работает в связке с событием onmouseover.
Синтаксис
onmouseout="<скрипт>"
Значения
См. скрипт.
Пример
<!DOCTYPE html>
<html lang="ru">
<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> не обрабатываются.
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.