CSS властивості
ГлавнаяДовідник HTMLПодія onmouseout в HTML

Подія onmouseout в HTML

172

Подія 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> не обробляються.

Браузери

4 7 12 1 4 1 1
1 1 6 1

Браузери

У таблиці браузерів застосовуються такі позначення.

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

Кількість вказує версію браузреа, починаючи з якої елемент підтримується.