HTML атрибут событий onmouseout

Значение и применение

Атрибут событий onmouseout позволяет задать срабатывание скрипта, когда указатель мыши перемещается за пределы элемента.

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

Атрибут событий	Chrome	Firefox	Opera	Safari	IExplorer	Edge
onmouseout	Да	Да	Да	Да	Да	Да

Синтаксис

<element onmouseout = "script" >

Пример использования

<!DOCTYPE html>
<html>
<head>
<title>Событие onmousemove и onmouseout</title>
<style> 
img {
width : 47px; /* задаём ширину изображения */
height : 105px; /* задаём высоту изображения */
}
</style>
</head>
<body>
<img onmousemove = "rastiShishka(this)"onmouseout = "normal(this)" src = "shiska.png" alt = "shishka">
<script>
function rastiShishka(x) {/* задаём функцию, которая изменяет размеры изображения */
x.style.height = "210px";
x.style.width = "93px";  
}
function normal(x) {/* задаём функцию, которая возвращает первоначальные размеры изображения */
x.style.height = "105px";
x.style.width = "47px";  
}
</script>
</body>
</html>

Для демонстрации атрибута событий onmousemove проведите указателем мыши над элементом:

После того как вы уберете указатель мыши с изображения запустится скрипт, установленный на атрибут события onmouseout, который вернёт первоначальные размеры изображения.

Отличия HTML 4.01 от HTML 5

Нет.

Поддерживаемые теги

Все HTML-элементы, за исключением: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> и <title>.

Атрибуты событий