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

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

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

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

Спецификации: pointerevents, multipage

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

Показать браузеры

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

Совместимостьapi.Element.mouseover_event

Возможность	Компьютеры					Мобильные
	ChromeChrome	EdgeEdge	FirefoxFirefox	OperaOpera	SafariSafari	Chrome AndroidChromeAndroid	Firefox for AndroidFirefoxAndroid	Opera AndroidOperaAndroid	Safari on iOSSafariiOS	Samsung BrowserSamsungAndroid	WebView AndroidWebViewAndroid	WebView on iOSWebViewiOS
mouseover event	✓2	✓12	✓6	✓9.5	✓4	✓18	✓6	✓10.1	✓3.2	✓1.0	✓4.4	✓3.2

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

Синтаксис

<element onmouseover = "script" >

Событие всплывает и может приходить при переходах между вложенными элементами. event.relatedTarget указывает, откуда пришёл указатель. Для входа в область элемента без повторов из-за потомков удобнее mouseenter.

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

Событие mouseover

Нажмите ▶. Наведите указатель на элемент.

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('mouseover', function () {
    rastiShishka(this)
})
document.getElementById('event-target-1').addEventListener('mouseout', function () {
    normal(this)
})

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

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

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