Ejemplo
Ejecutar un JavaScript cuando se mueve el puntero del ratón sobre una imagen:
<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El evento OnMouseEnter se produce cuando el puntero del ratón se mueve sobre un elemento.
Consejo: Este evento se utiliza a menudo junto con el OnMouseLeave evento, que se produce cuando el puntero del ratón se mueve fuera de un elemento.
Consejo: El evento OnMouseEnter es similar a la onmouseover evento. La única diferencia es que el evento OnMouseEnter no burbujea (does not propagate up the document hierarchy) . Ver "More Examples" en la parte inferior de esta página para entender mejor las diferencias.
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento.
Evento | |||||
---|---|---|---|---|---|
onmouseenter | 30.0 | 5.5 | Sí | 6.1 | 11.5 |
Sintaxis
En HTML:
En JavaScript:
object .onmouseenter=function(){ Inténtalo tú mismo "
En JavaScript, utilizando el addEventListener() método:
object .addEventListener("mouseenter", myScript );
Inténtalo tú mismo " Nota: El addEventListener() método no es compatible en Internet Explorer 8 y versiones anteriores.
Detalles técnicos
burbujas: | No |
---|---|
cancelable: | No |
Tipo de evento: | MouseEvent |
etiquetas HTML admitidas: | Todos los elementos HTML, excepto: <base>, <BDO>, España, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> y <title> |
DOM Versión: | Nivel 2 Eventos |
Más ejemplos
Ejemplo
Este ejemplo demuestra la diferencia entre los eventos onMouseMove, OnMouseEnter y al pasar el mouse:
<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>
Inténtalo tú mismo " <Objeto de evento