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

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

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

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

Поддерживается во всех основных браузерах с 2015 года.

ВсеКомпьютерыМобильные

Совместимостьapi.Element.mousemove_event
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
mousemove event	✓2	✓12	✓6	✓11.6	✓4	✓18	✓6	✓12.1	✓3.2	✓1.0	✓4.4	✓3.2

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Синтаксис

HTML

<element onmousemove = "script" >

Примеры, попробуйте сами

Событие mousemove

Нажмите ▶. Перемещайте указатель внутри области.

index.html

HTML

<img src="assets/shishka.jpg" alt="Shishka" width="47" height="105" id="event-target-1" />
<p>
  После того как вы уберете указатель мыши с изображения запустится скрипт, установленный на атрибут события
  <span class="att">onmouseout</span>, который вернёт первоначальные размеры изображения.
</p>

main.js

JavaScript

function rastiShishka(x) {
    x.style.height = '210px'
    x.style.width = '93px'
}

function normal(x) {
    x.style.height = '105px'
    x.style.width = '47px'
}
document.getElementById('event-target-1').addEventListener('mousemove', function () {
    rastiShishka(this)
})
document.getElementById('event-target-1').addEventListener('mouseout', function () {
    normal(this)
})

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

Нет.

Где возникает событие

Атрибут можно задавать HTML-элементам, но возникновение события зависит от взаимодействия и состояния элемента. Наличие обработчика само по себе не делает элемент фокусируемым, редактируемым или перетаскиваемым.

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