evento onmouseenter
Ejemplo
Ejecute un JavaScript al mover el puntero del mouse sobre una imagen:
<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El evento onmouseenter ocurre cuando el puntero del mouse se mueve sobre un elemento.
Sugerencia: este evento se usa a menudo junto con el evento onmouseleave , que ocurre cuando el puntero del mouse se mueve fuera de un elemento.
Consejo: El evento onmouseenter es similar al evento onmouseover . La única diferencia es que el evento onmouseenter no burbujea (no se propaga hacia arriba en la jerarquía del documento). Consulte "Más ejemplos" al final de esta página para comprender mejor las diferencias.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento.
Event | |||||
---|---|---|---|---|---|
onmouseenter | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
Sintaxis
En HTML:
<element onmouseenter="myScript">
En JavaScript:
object.onmouseenter = function(){myScript};
En JavaScript, usando el método addEventListener():
object.addEventListener("mouseenter", myScript);
Nota: el método addEventListener() no es compatible con Internet Explorer 8 y versiones anteriores.
Detalles técnicos
Burbujas: | No |
---|---|
Cancelable: | No |
Tipo de evento: | RatónEvento |
Etiquetas HTML compatibles: | Todos los elementos HTML, EXCEPTO: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> y <title> |
Versión DOM: | Eventos de nivel 2 |
Más ejemplos
Ejemplo
Este ejemplo demuestra la diferencia entre los eventos onmouseemove, onmouseenter y mouseover:
<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>