Los últimos tutoriales de desarrollo web
 

Evento onmouseout

<Objeto de evento

Ejemplo

Ejecutar un JavaScript cuando se mueve el puntero del ratón fuera de una imagen:

<img onmouseout="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 onmouseout ocurre cuando el puntero del ratón se mueve fuera de un elemento, o de uno de sus hijos.

Consejo: Este evento se utiliza a menudo junto con el onmouseover evento, que se produce cuando se mueve el puntero sobre un elemento, o sobre uno de sus hijos.


Soporte del navegador

Evento
onmouseout

Sintaxis

En HTML:

En JavaScript:

object .onmouseout=function(){ Inténtalo tú mismo "

En JavaScript, utilizando el addEventListener() método:

object .addEventListener("mouseout", myScript );
Inténtalo tú mismo "

Nota: El addEventListener() método no es compatible en Internet Explorer 8 y versiones anteriores.


Detalles técnicos

burbujas:
cancelable:
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