HTML onmouseover Event Attribute
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.
<!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.
