onmouseleaveEvento
Objeto de eventoEjemplo
Ejecutar JavaScript cuando el puntero del mouse sale del elemento:
Pruébalo »
Haz clic en «Pruébalo» en los siguientes ejemplos para ver más demostraciones.
Definición y uso
El evento onmouseleave se dispara cuando el mouse sale del elemento.
Consejo:Este evento se usa normalmente junto cononmouseenterel evento, que se activa cuando el mouse se mueve sobre el elemento.
Consejo:El evento onmouseleave es similar alonmouseoutevento. La única diferencia es que el evento onmouseleave no admite burbujeo.
Soporte del navegador
Los números en la tabla indican la versión del primer navegador que soporta este evento.
| Evento | |||||
|---|---|---|---|---|---|
| onmouseleave | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
Sintaxis
En HTML:
En JavaScript:
En JavaScript, usando el método addEventListener():
Nota:Internet Explorer 8 y versiones anteriores de IE no soportanaddEventListener()el 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 la diferencia entre los eventos onmousemove, onmouseleave y onmouseout:
<p id="demo">¡Demostraré onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
<p id="demo2">¡Demostraré onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
<p id="demo3">¡Demostraré onmouseout!</p>
</div>
Pruébalo »