Skip to content
Related Articles
Open in App
Not now

Related Articles

HTML onmouseover Event Attribute

Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 02 Dec, 2022
Improve Article
Save Article

The onmouseover event attribute works when the mouse pointer moves over the specified element. 

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




<style>
    body {
        text-align: center;
    }
      
    h1 {
        color: green;
    }
</style>
<script type="text/javascript">
    function geeks() {
        alert("Mouse move over");
    
</script>
<h1>GeeksforGeeks</h1>
<h2>onmouseover Event Attribute</h2>
<p onmouseover="geeks()">Computer science portal</p>

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: This attribute is supported by almost all HTML elements except <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>.

Supported Browser: The browser supported by onmouseover Event Attribute are listed below:

  • Google Chrome 2
  • Edge 12
  • Internet Explorer 9
  • Safari 4
  • Firefox 6
  • Opera 9.5

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.

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!