HTML DOM onmousemove 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 onmousemove 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};

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

HTML DOM onselect Event

The HTML DOM onselect event occurs when a user selects text within an element, like input fields or textareas. It allows developers to execute JavaScript code in response to text selection actions. Syntax: In HTML<element onselect="Script">In JavaScriptobject.onselect = function(){Script};In J

HTML | DOM onseeked Event

The onseeked event in HTML DOM occurs when the user finishes the skips the media to a new position. The onseeked event and onseeking event are just opposite to each other. To get the current position of media use currentTime. Supported Tags <audio> <video> Syntax: In HTML: <element on

HTML DOM ondragenter Event

The HTML DOM ondragenter Event occurs when a draggable element enter in valid drop target. The ondragenter and ondragleave events can help the user to understand the dropzone. There are some events that are used and occurred in the different stages of a drag and drop operation: ondragstart: occurs w

HTML DOM onpaste Event

The HTML DOM onpaste event occurs when some content is pasted in an element. this event works on every element like in <p> element if contenteditable set is true then we can paste content in <p> element. The HTML DOM onpaste event is mostly used in input element type="text". Supported Ta