Ejemplo
Ajuste el color de fondo a gris, cuando el puntero del ratón sale de un <p> elemento:
$("p").mouseout(function(){
$("p").css("background-color", "gray");
});
Inténtalo tú mismo " Definición y Uso
El mouseout evento se produce cuando el puntero del ratón sale del elemento seleccionado.
El mouseout() método activa el mouseout evento, o concede una función a ejecutar cuando un mouseout se produce el evento.
Nota: A diferencia de la mouseleave evento, el mouseout evento se dispara si un puntero de ratón sale de cualquier elemento secundario, así como el elemento seleccionado.El mouseleave evento sólo se activa cuando el puntero del ratón sale del elemento seleccionado. Véase el ejemplo al final de la página para una demostración.
Consejo: Este evento se utiliza a menudo junto con el mouseover evento.
Sintaxis
Desencadenar la mouseout eventos para los elementos seleccionados:
$(selector).mouseout()
Try it
Adjuntar una función al evento mouseout:
$(selector).mouseout(function)
Try it
| Parámetro | Descripción |
|---|---|
| function | Opcional. Especifica la función a ejecutar cuando el mouseout se desencadena evento |
Inténtelo usted mismo - Ejemplos
La diferencia entre mouseout() y mouseleave()
Demuestra la diferencia entre mouseout() y mouseleave() .