HTML DOM onmouseleave Event Last Updated : 15 Jun, 2023 Comments Improve Suggest changes Like Article Like Report The DOM onmouseleave event in HTML occurs when the mouse pointer is moved out of an element. This event is the opposite of onmouseleave event. This event is similar to the onmouseover event. Supported Tags: It supports All HTML elements, EXCEPT: <base><bdo><br><head><html><iframe><meta><param><script><style><title> Syntax: In HTML: <element onmouseleave="myScript">In JavaScript: object.onmouseleave = function(){myScript};In JavaScript, using the addEventListener() method: object.addEventListener("mouseleave", myScript); Example: Using the addEventListener() method HTML <!DOCTYPE html> <html> <head> <title> HTML DOM onmouseenter Event </title> </head> <body> <h1 id="demo"> GeeksforGeeks </h1> <h2> HTML DOM onmouseleave Event </h2> <script> document.getElementById( "demo").addEventListener( "mouseenter", enter); document.getElementById( "demo").addEventListener( "mouseleave", leave); function enter() { document.getElementById( "demo").style.color = "yellow"; } function leave() { document.getElementById( "demo").style.color = "green"; } </script> </body> </html> Output: Supported Browsers: The browsers supported by HTML DOM onmouseleave Event are listed below: Google Chrome 30.0Internet Explorer 5.5FirefoxApple Safari 6.1Opera 11.5 Comment More infoAdvertise with us Next Article HTML DOM onmouseleave Event V Vijay Sirra Follow Improve Article Tags : Web Technologies HTML Web technologies HTML-DOM Similar Reads HTML DOM onmousemove Event The DOM onmousemove event in HTML occurs when the pointer is moved over an element. Supported Tags: It supports All HTML elements, EXCEPT: <base><bdo><br><head><html><iframe><meta><param><script><style><title> Syntax: In HTML: <ele 1 min read HTML DOM onmouseover event The DOM onmouseover event in HTML occurs when the mouse pointer is moved onto an element or its children. Supported Tags: It supports All HTML elements, EXCEPT: <base><bdo><br><head><html><iframe> <meta><param><script><style><title> S 1 min read HTML DOM onmouseenter Event The DOM onmouseenter event in HTML occurs when the mouse pointer is moved onto an element. This event is the opposite of onmouseleave event. This event is similar to the onmouseover event. Supported Tags: It supports All HTML elements, EXCEPT: <base><bdo> <br><head><html 1 min read HTML DOM onmouseup Event The HTML DOM onmouseup event occurs on the release of a pressed button on a mouse over an element. Related events for left-click: onmousedownonmouseuponclick Related events for right-click: onmousedownonmouseuponcontextmenu Supported Tags: It supports All HTML elements, EXCEPT: <base><bdo 1 min read HTML DOM onmouseout Event The HTML DOM onmouseout event occurs when the mouse pointer is moved out of an element or its children. Supported Tags: It supports All HTML elements, EXCEPT: <base><bdo><br><head><html><iframe><meta><param><script><style><title> Synt 1 min read Like