Evento onmouseout

Eventos DOM MouseEvent

Definición y uso

Ocurre el evento onmouseout cuando el puntero del ratón se mueve fuera del elemento o uno de sus elementos hijos.

Consejo:Este evento se usa comúnmente con Evento onmouseoverUsados juntos, ocurre este evento cuando el puntero se mueve sobre el elemento o uno de sus elementos hijos.

Ejemplo

Ejemplo 1

Ejecutar JavaScript al desplazar el puntero del ratón fuera de la imagen:

<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">

Prueba por ti mismo

Ejemplo 2

Este ejemplo muestra la diferencia entre los eventos onmousemove, onmouseleave y onmouseout:

<div onmousemove="myMoveFunction()">
  <p id="demo">¡Voy a demostrar onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">¡Voy a demostrar onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">¡Voy a demostrar onmouseout!</p>
</div>

Prueba por ti mismo

Sintaxis

En HTML:

<element onmouseout="myScript">

Prueba por ti mismo

En JavaScript:

object.onmouseout = function(){myScript};

Prueba por ti mismo

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

object.addEventListener("mouseout", myScript);

Prueba por ti mismo

Notas:Internet Explorer 8 o versiones anteriores no lo admiten Método addEventListener().

Detalles técnicos

Burbuja: Soporte
Cancelables: Soporte
Tipos de eventos: MouseEvent
Etiquetas HTML admitidas: Todos los elementos HTML, excepto: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> y <title>
Versión del DOM: Eventos de Nivel 2

Compatibilidad del navegador

Eventos Chrome IE Firefox Safari Opera
onmouseout Soporte Soporte Soporte Soporte Soporte
Eventos DOM MouseEvent