HTML | onmousemove Event Attribute
The onmousemove attribute works when the pointer moves over an element.
Supported Tags: All HTML elements, EXCEPT:
- <base>
- <bdo>
- <br>
- <head>
- <html>
- <iframe>
- <meta>
- <param>
- <script>
- <style>
- <title>
Syntax:
<element onmousemove = "script">
Attribute Value: This attribute contains single value script which works when onmousemove attribute called.
Example:
html
<!DOCTYPE html><html> <head> <title>onmousemove event attribute</title> </head> <body> <center> <h2>onmousemove event attribute</h2> <img onmousemove="bigSize(this)" onmouseout="normalSize(this)" border="1px solod black" src= alt="gfg" width="300" height="100"> <script> function bigSize(val) { val.style.height = "200px"; val.style.width = "600px"; } function normalSize(val) { val.style.height = "100px"; val.style.width = "300px"; } </script> </body></html> |
Output:
Before:
After:
Supported Browsers: The browser supported by onmousemove attribute are listed below:
- Chrome
- Internet Explorer
- Firefox
- Safari
- Opera
.png)
