The onmouseover
property of the GlobalEventHandlers
mixin is an EventHandler
that processes mouseover
events.
The mouseover
event fires when the user moves the mouse over a particular element.
Syntax
element.onmouseover = function;
Example
This example adds an onmouseover
and an onmouseout
event to a paragraph. Try moving your mouse over and out of the element.
HTML
<p>Test your mouse on me!</p>
JavaScript
const p = document.querySelector('p'); p.onmouseover = logMouseOver; p.onmouseout = logMouseOut; function logMouseOver() { p.innerHTML = 'MOUSE OVER detected'; } function logMouseOut() { p.innerHTML = 'MOUSE OUT detected'; }
Result
Specifications
Specification | Status | Comment |
---|---|---|
HTML Living Standard The definition of 'onmouseover' in that specification. |
Living Standard |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
onmouseover | Chrome Full support Yes | Edge Full support 12 | Firefox Full support Yes | IE Full support Yes | Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support Yes | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support