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 StandardThe 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.
Update compatibility data on GitHub
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
GlobalEventHandlers.onmouseover by Mozilla Contributors is licensed under CC-BY-SA 2.5.