onmouseout

The onmouseout event is triggered when the mouse pointer leaves an element. It is commonly used alongside the onmouseover event to manage user interactions when the pointer enters or exits an element.

onmouseout event

The onmouseout event triggers a script when the mouse pointer leaves an element. It is often used to create effects or manage user interactions when the cursor moves out of a specific area.

Syntax

In HTML

index.html

<element onmouseout="myScript">

In JS

script.js

object.onmouseout = function(){myScript};

In JavaScript, the `addEventListener()` function is used.

script.js

object.addEventListener("mouseout", myScript);

Example

::event-onmouseout ::

index.html

<!DOCTYPE html>
<html>
<body>
<h1>HTML DOM Events</h1>
<h2>The onmouseover Event</h2>

<img onmouseover="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 moves the mouse pointer over the image.</p>
<p>The function normalImg() is triggered when the mouse pointer is moved out of the image.</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>

Values

<script>
- Denotes the script to run when the event is triggered.

Conclusion

The onmouseout event is useful for responding to mouse movements when the pointer exits an element. It can be combined with the onmouseover event to create dynamic and interactive behaviors. This event helps enhance user interaction and interface responsiveness.

onmousemove

The onmousemove attribute is triggered when the pointer moves over an element. It activates whenever the cursor is moved within the boundaries of that element.

onmouseover

The onmouseover event is triggered when the mouse pointer enters an element. It is frequently used in conjunction with the onmouseout event to manage interactions when the pointer enters or leaves an element.