onmouseenterEvento
Objeto del eventoEjemplo
Ejecuta JavaScript cuando el puntero del ratón se mueve sobre una imagen:
Pruébalo »
En los siguientes ejemplos, haz clic en "Pruébalo" para ver más demostraciones.
Definición y uso
El evento onmouseenter se activa cuando el puntero del ratón se mueve sobre un elemento.
Consejo:Este evento se usa generalmente junto con elonmouseleaveevento, que se activa cuando el puntero del ratón sale de un elemento.
Consejo:El evento onmouseenter es similar alonmouseoverevento. La única diferencia es que el evento onmouseenter no admite burbujeo.
Soporte del navegador
Los números en la tabla indican la versión del navegador que es compatible con el evento por primera vez.
| Evento | |||||
|---|---|---|---|---|---|
| onmouseenter | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
Sintaxis
En HTML:
En JavaScript:
En JavaScript, con el método addEventListener():
Nota:Internet Explorer 8 y versiones anteriores de IE no son compatibles con eladdEventListener()método.
Detalles técnicos
| ¿Admite burbujeo? | No |
|---|---|
| ¿Se puede cancelar? | No |
| Tipo de evento: | MouseEvent |
| Etiquetas HTML compatibles: | Todos los elementos HTML, excepto: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> y <title> |
Más ejemplos
Ejemplo
Este ejemplo demuestra las diferencias entre los eventos onmousemove, onmouseenter y mouseover:
<p id="demo">¡Demostraré onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
<p id="demo2">¡Demostraré onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
<p id="demo3">¡Demostraré onmouseover!</p>
</div>
Pruébalo »
Otras extensiones