HTML onmouseover Event Attribute
Last Updated :
15 Nov, 2023
The onmouseover event attribute works when the mouse pointer moves over the specified element. It is basically:
- Activated when the mouse pointer enters the designated HTML element.
- Enables executing JavaScript code when the mouse hovers over the element.
- Ideal for enhancing user experience by providing feedback or additional information.
Syntax
<element onmouseover = "script">
Attribute value
This attribute contains a single value script that works when the mouse moves over the element.
Example: In this example, we will see when we hover our mouse over an element we can see an alert popup on our screen.
HTML
<!DOCTYPE html>
< html >
< head >
< title >onmouseover event attribute</ title >
< style >
body {
text-align: center;
}
h1 {
color: green;
}
</ style >
</ head >
< body >
< h1 >
GeeksforGeeks
</ h1 >
< h2 >
onmouseover Event Attribute
</ h2 >
< p onmouseover = "geeks()" >
Computer science portal
</ p >
< script type = "text/javascript" >
function geeks() {
alert("Mouse move over");
}
</ script >
</ body >
</ html >
|
Output:
We have a complete list of HTML DOM methods, to check those please go through this HTML DOM Object Complete reference article.
Supported Tags
It supports all HTML elements except <base> <bdo> <br> <head> <html> <iframe> <meta> <param> <script> <style> <title> tags.
Supported Browser
The browser supported by onmouseover Event Attribute are listed below:
- Google Chrome 1 and above
- Edge 12 and above
- Firefox 6 and above
- Opera 9.5 and above
- Safari 4 and above
We have a Cheat Sheet on Javascript where we covered all the important topics of Javascript to check those please go through Javascript Cheat Sheet-A Basic guide to JavaScript.
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...