HTML DOM onmouseenter Event

HTML DOM onmouseenter Event

Last Updated : 20 Jun, 2023

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>
<iframe>
<meta>
<param>
<script>
<style>
<title>

Syntax:

In HTML:

<element onmouseenter="myScript">

In JavaScript:

object.onmouseenter = function(){myScript};

In JavaScript, using the addEventListener() method:

object.addEventListener("mouseenter", myScript);

Example: Using the addEventListener() method

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        HTML DOM onmouseenter Event
    </title>
</head>

<body>
    <h1 id="demo">GeeksforGeeks</h1>

    <script>
        document.getElementById(
            "demo").addEventListener(
                "mouseenter", enter);
        function enter() {
            document.getElementById(
                "demo").style.color = "green";
        }
    </script>
</body>

</html>

Output:

Supported Browsers: The browsers supported by HTML DOM onmouseenter Event are listed below:

Google Chrome 30.0
Internet Explorer 5.5
Firefox
Apple Safari 6.1
Opera 11.5

HTML DOM onmouseenter Event

V

Vijay Sirra

Improve

Article Tags :

Similar Reads

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

HTML DOM onmouseleave Event

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

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

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

HTML DOM onmousedown Event

The HTML DOM onmousedown event occurs when a mouse button is pressed over an element. It's useful for implementing interactive features that respond to mouse clicks or taps on web elements. Syntax: In HTML<element onmousedown="myScript"> In JavaScriptobject.onmousedown = function(){myScript};