html tutorial - onmouseout Attribute in HTML - html5 - html code - html form




Onmouseout attribute in html

Learn html - html tutorial - Onmouseout attribute in html - html examples - html programs

  • The onmouseout attribute triggers when the mouse pointer left out from the element.

Syntax for onmouseout attribute in HTML:

<element onmouseout="script">

Applies To:

Element Attribute
All HTML elements onmouseout

Attribute Values:

Value Description
script The script can run on onmouseout

Sample Coding for onmouseout Attribute in HTML:

Tryit<!DOCTYPE html>
<html>
        <head>
        <title>Wikitechy onmouseout attribute</title>
        </head>
 <body>
        <p onmouseover="mouseOver(this)" onmouseout="mouseOut(this)">
        Move mouse pointer to check onmouseout Event.<br>Learn to Code in Wikitechy.
        </p>
        <script>
        function mouseOver (obj)
           {
             obj.style.color = "red";
           }
        function mouseOut (obj)
           {
             obj.style.color = "blue";
           }
       </script>
</body>
</html>

Code Explanation for onmouseout Attribute in HTML:

onmouseout Attribute Code Explanation

  1. onmouseoverattribute used to trigger an event when the mouse pointer move over to the specified element.
  2. onmouseout attribute used to trigger an event when the mouse pointer left out from the specified element.
  3. mouseover JavaScript function used to change the text color to red.
  4. mouseOut JavaScript function used to change the text color to blue.

Output for onmouseout Attribute in HTML:

onmouseout Attribute Tag Output

  1. The output shows "Move mouse pointer to check onmouseout Event. Learn to Code in Wikitechy." in default (Black) color.
  2. onmouseout Attribute Tag Output

  3. Once we move the mouse pointer to over the text the mouseOver() function called and the text color will be changed to red.
  4. onmouseout Attribute Tag Output

  5. If we move the mouse pointer left out from the text mouseOut function called and the text color will be changed to blue.

Browser Support for onmouseout Attribute in HTML:

Yes Yes Yes Yes Yes

Related Searches to onmouseout attribute in html

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add wikitechy.com to your ad blocking whitelist or disable your adblocking software.

×