Ejemplo
Ejecutar un JavaScript cuando se mueve el puntero del ratón fuera de una imagen:
<img onmouseleave="normalImg(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 OnMouseLeave se produce cuando el puntero del ratón se mueve fuera de un elemento.
Consejo: Este evento se utiliza a menudo junto con la OnMouseEnter evento, que se produce cuando el puntero del ratón se mueve sobre un elemento.
Consejo: El evento OnMouseLeave es similar a la onmouseout evento. La única diferencia es que el evento OnMouseLeave 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 | |||||
---|---|---|---|---|---|
onmouseleave | 30.0 | 5.5 | Sí | 6.1 | 11.5 |
Sintaxis
En HTML:
En JavaScript:
object .onmouseleave=function(){ Inténtalo tú mismo "
En JavaScript, utilizando el addEventListener() método:
object .addEventListener("mouseleave", 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 el onmousemove, OnMouseLeave y onmouseout eventos:
<div onmousemove="myMoveFunction()">
<p id="demo">I will
demonstrate onmousemove!</p>
</div>
<div
onmouseleave="myLeaveFunction()">
<p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div
onmouseout="myOutFunction()">
<p id="demo3">I will
demonstrate onmouseout!</p>
</div>
Inténtalo tú mismo " <Objeto de evento