HTML DOM Attribute Object
HTML DOM Console Object
Deep Exploration
Scripting Languages
Web Services
Software
Programming
Computer Science
Scripting
Development Tools
Web Services
Web Design and Development
Programming Languages
onmouseenter Event
Event Object
Example
Execute JavaScript when the mouse pointer moves over an image:
<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">
Try it Β»
Click "Try it" in the examples below to see more demonstrations.
Definition and Usage
The onmouseenter event occurs when the mouse pointer enters an element.
Tip: This event is often used together with the onmouseleave event, which occurs 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 support bubbling.
Browser Support
| Event |
|
|
|
|
|
| onmouseenter |
30.0 |
5.5 |
Yes |
6.1 |
11.5 |
Syntax
In HTML:
<element onmouseenter="myScript">
Try it
In JavaScript:
object.onmouseenter = function(){myScript};
Try it
In JavaScript, using the addEventListener() method:
object.addEventListener("mouseenter", myScript);
Try it
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> |
![Example]()
More Examples
Example
This example demonstrates the difference between onmousemove, onmouseenter and mouseover 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>
Try it Β»