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

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

The onmousemove attribute triggers when the mouse pointer move over the element.

Syntax for onmousemove attribute in HTML:

<element onmousemove="script">

Applies To:

Element	Attribute
All HTML elements	onmousemove

Attribute Values:

Value	Description
script	The script can run on onmousemove

Sample Coding for onmousemove Attribute in HTML:

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

        </script>
</body>
</html>

Code Explanation for onloadeddata Attribute in HTML:

onmousemove attribute used to trigger an event when the mouse pointer move over to the specified element.
onmouseout attribute used to trigger an event when the mouse pointer left out from the specified element.
mouseMove JavaScript function used to change the text color to red.
mouseOut JavaScript function used to change the text color to blue.

Output for onmousemove Attribute in HTML:

The output shows "Move mouse pointer to check onmousemove Event. Learn to Code in Wikitechy." in default (Black) color.

Once we move the mouse pointer to over the text the mouseMove() function called and the text color will be changed to red.

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 onmousemove Attribute in HTML:


Yes	Yes	Yes	Yes	Yes

PDF

Related Searches to onmousemove attribute in html

onmousemove event javascript mousemove event properties onkeymove addeventlistener mousemove javascript mousemove coordinates javascript get mouse position clientx javascript onmousemove mfc html tutorialshtml editor html code html form html tutorial html color html color codes html table html img html5 html code for website html and css html programs html website free html editor html5 tutorial wysiwyg html editor html tutorial pdf html converter php tutorial html example html tutorial css tutorial html css html tags html basics code html html online html mailto html lang html tags list