Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML | onmouseout Event Attribute

  • Difficulty Level : Basic
  • Last Updated : 25 Apr, 2019

The onmouseout event attribute works when the mouse pointer moves out of the specified element.

Syntax:

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

<element onmouseout = "script">

Attribute value: This attribute contains single value script which works when mouse moves out from the element.

Supported Tags: This attribute is supported by all HTML elements except <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>.



Example: This example uses onmouseout event to display an alert message when mouse move out from the paragraph element.




<!DOCTYPE html> 
<html
    <head
        <title>
            onmouseout Event Attribute
        </title
        <script
          
            /* Script run when onmouseout 
                     event call */
            function geeks() { 
                alert("Mouse move out"); 
            
        </script
    </head
      
    <body style = "text-align:center"
      
        <h2>
            onmouseout Event Attribute
        </h2
          
        <!-- onmouseout event call here -->
        <p onmouseout = "geeks()">
            Computer science portal
        </p
    </body
</html>                    

Output:
Onmouseout even output

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

  • Google Chrome
  • Internet Explorer
  • Safari
  • Firefox
  • Opera



My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!