HTML onmouseover Attribute: The HTML onmouseover Attribute is defined as it fires when the mouse pointer moves over an element.
Supported Tags: This attribute is supported by almost all HTML elements except <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>.
HTML onmouseover Attribute
The HTML onmouseover attribute can be applied to all the HTML elements.
Attribute value: This attribute contains a single value script which works when the mouse moves over the element.
Syntax: <element onmouseover = “script”>
Browser Support:
The HTML onmouseover attribute is supported by the following browsers:
- Chrome
- Firefox
- Opera
- Safari
- Internet Explorer
Example: for <img> element
<!DOCTYPE html> <html> <head> <title>onmouseover Event Attribute</title> <style> body { text-align:center; } h1 { color:green; } </style> <script type="text/javascript" > function freshers() { alert("Mouse move over"); } </script> </head> <body> <h1>Freshersnow</h1> <h2>onmouseover Event Attribute</h2> <p onmouseover ="frehsers()">Computer science portal</p> </body> </html>
Output: