Los últimos tutoriales de desarrollo web
 

Evento OnMouseLeave

<Objeto de evento

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 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

Ejemplos

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