HTML onmousemove Attribute - HTML Attribute

Definition and Usage

The onmousemove attribute fires when the pointer is moving while it is over an element.

Applies to

The onmousemove attribute is part of the Event Attributes, and can be used on any HTML elements.

Elements	Event
All HTML elements	onmousemove

Browser Support

How to Execute a JavaScript when moving the mouse pointer over an image - HTML onmousemove Attribute

The function bigImg() is triggered when the user mouse pointer is moved over the image. This function enlarges the image. The function normalImg() is triggered when the mouse pointer is moved out of the image. That function sets the height and width of the image back to normal.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<img onmousemove="bigImg(this)" onmouseout="normalImg(this)" border="0" src="smiley.gif" alt="Smiley" width="32" height="32">

<p>The function bigImg() is triggered when the user mouse pointer is moved over the image. This function enlarges the image.</p>
<p>The function normalImg() is triggered when the mouse pointer is moved out of the image. That function sets the height and width of the image back to normal.</p>

<script>
function bigImg(x) {
  x.style.height = "64px";
  x.style.width = "64px";
}

function normalImg(x) {
  x.style.height = "32px";
  x.style.width = "32px";
}
</script>

</body>
</html>

Output should be:

html onmousemove attribute

Type:	Develop
Category:	Web Tutorial
Sub Category:	HTML Attribute
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference