evento onmouseout
Ejemplo
Ejecute un JavaScript cuando mueva el puntero del mouse fuera de una imagen:
<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El evento onmouseout ocurre cuando el puntero del mouse se mueve fuera de un elemento o de uno de sus elementos secundarios.
Sugerencia: este evento a menudo se usa junto con el evento onmouseover , que ocurre cuando el puntero se mueve sobre un elemento o sobre uno de sus elementos secundarios.
Compatibilidad con navegador
| Event | |||||
|---|---|---|---|---|---|
| onmouseout | Yes | Yes | Yes | Yes | Yes |
Sintaxis
En HTML:
<element onmouseout="myScript">
En JavaScript:
object.onmouseout = function(){myScript};
En JavaScript, usando el método addEventListener():
object.addEventListener("mouseout", myScript);
Nota: el método addEventListener() no es compatible con Internet Explorer 8 y versiones anteriores.
Detalles técnicos
| Burbujas: | sí |
|---|---|
| Cancelable: | sí |
| Tipo de evento: | RatónEvento |
| Etiquetas HTML compatibles: | Todos los elementos HTML, EXCEPTO: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> y <title> |
| Versión DOM: | Eventos de nivel 2 |
Más ejemplos
Ejemplo
Este ejemplo demuestra la diferencia entre los eventos onmousemove, onmouseleave y onmouseout:
<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>