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