``` Click "Try it" in the"> ``` Click "Try it" in the" />
Easy Tutorial
❮ Prop Embed Width Prop Style Paddingbottom ❯

onmouseenter Event

Event Object

Example

Execute JavaScript when the mouse pointer moves over an image:

<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">

Click "Try it" in the following more examples to see more demonstrations.


Definition and Usage

The onmouseenter event is triggered when the mouse pointer moves over an element.

Tip: This event is often used together with the onmouseleave event, which is triggered when the mouse pointer leaves the element.

Tip: The onmouseenter event is similar to the onmouseover event. The only difference is that the onmouseenter event does not bubble.


Browser Support

The numbers in the table specify the first browser version that supports the event.

Event Chrome IE Firefox Safari Opera
onmouseenter 30.0 5.5 Yes 6.1 11.5

Syntax

In HTML:

In JavaScript:

In JavaScript, using the addEventListener() method:

Note: Internet Explorer 8 and earlier versions do not support the addEventListener() method.


Technical Details

Bubbles: No
Cancelable: No
--- ---
Event Type: MouseEvent
--- ---
Supported HTML Tags: All HTML elements, except: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>
--- ---

More Examples

Example

This example demonstrates the differences between the onmousemove, onmouseenter, and onmouseover events:

<div onmousemove="myMoveFunction()"> <p id="demo">I will demonstrate onmousemove!</p></div>
<div onmouseenter="myEnterFunction()"> <p id="demo2">I will demonstrate onmouseenter!</p></div>
<div onmouseover="myOverFunction()"> <p id="demo3">I will demonstrate onmouseover!</p></div>

Event Object

❮ Prop Embed Width Prop Style Paddingbottom ❯