Open In App

HTML onmouseover Event Attribute

Last Updated : 15 Nov, 2023
Like Article

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.


<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>
    <title>onmouseover event attribute</title>
        body {
            text-align: center;
        h1 {
            color: green;
        onmouseover Event Attribute
    <p onmouseover="geeks()">
        Computer science portal
    <script type="text/javascript">
        function geeks() {
            alert("Mouse move over");


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

Similar Reads