Evento onmouseenter

Eventos DOM MouseEvent

Definición y uso

El evento onmouseenter ocurre cuando el puntero del ratón se mueve sobre el elemento.

Consejo:Este evento se usa generalmente con Evento onmouseleaveusados juntos, este evento ocurre cuando el puntero del ratón sale del elemento。

Consejo: El evento onmouseenter es similar a Evento onmouseover。La única diferencia es que el evento onmouseenter no burbujea (no se propaga hacia la estructura de documentos superior). Consulta más ejemplos en la parte inferior de la página。

Ejemplo

Ejemplo 1

Ejecutar JavaScript al mover el puntero del ratón sobre la imagen：

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

Prueba por tu cuenta

Ejemplo 2

Este ejemplo demuestra la diferencia entre los eventos onmousemove, onmouseenter y mouseover：

<div onmousemove="myMoveFunction()">
  <p id="demo">¡Demostraré con onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">¡Demostraré con onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">¡Demostraré con onmouseover!</p>
</div>

Prueba por tu cuenta

Sintaxis

En HTML：

<elemento onmouseenter="myScript">

Prueba por tu cuenta

En JavaScript：

objeto.onmouseenter = function(){myScript};

Prueba por tu cuenta

En JavaScript, utiliza el método addEventListener()：

objeto.addEventListener("mouseenter", myScript);

Prueba por tu cuenta

Notas：Internet Explorer 8 o versiones anteriores no lo soportan Método addEventListener()。

Detalles técnicos

Burbujeante： No soportado
Cancelable： No soportado
Tipos de eventos： MouseEvent
Etiquetas HTML soportadas： Todos los elementos HTML, excepto: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> y <title>
Versión de DOM： Eventos de Nivel 2

支持浏览器

Los números en la tabla indican la versión del navegador que admite completamente el evento.

Eventos Chrome IE Firefox Safari Opera
onmouseenter 30.0 5.5 Soporte 6.1 11.5
Eventos DOM MouseEvent