More "Try it Yourself" examples below.
Definition and Usage
The onmouseout event occurs when the mouse pointer is moved out of an element, or out of one of its children.
Tip: This event is often used together with the onmouseover event, which occurs when the pointer is moved onto an element, or onto one of its children.
Note: The addEventListener() method is not supported in Internet Explorer 8 and earlier versions.
|Supported HTML tags:||All HTML elements, EXCEPT: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>|
|DOM Version:||Level 2 Events|
This example demonstrates the difference between the onmousemove, onmouseleave and onmouseout events:
<p id="demo">I will demonstrate onmousemove!</p>
<p id="demo2">I will demonstrate onmouseleave!</p>
<p id="demo3">I will demonstrate onmouseout!</p>
❮ Event Object