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

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

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

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

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

Атрибут событийChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
onmousemoveДаДаДаДаДаДа

Синтаксис

<element onmousemove = "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 проведите указателем мыши над элементом:

Shishka

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

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

Нет.

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

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

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