Método jQuery mouseleave()
❮ Métodos de eventos de jQuery
Ejemplo
Establezca el color de fondo en gris, cuando el puntero del mouse deje un elemento <p>:
$("p").mouseleave(function(){
$("p").css("background-color", "gray");
});
Definición y uso
El evento mouseleave ocurre cuando el puntero del mouse deja el elemento seleccionado.
El método mouseleave() activa el evento mouseleave o adjunta una función para que se ejecute cuando ocurre un evento mouseleave.
Nota: a diferencia del evento mouseout , el evento mouseleave solo se activa cuando el puntero del mouse abandona los elementos seleccionados. El evento mouseout se activa si el puntero del mouse deja cualquier elemento secundario además del elemento seleccionado. Vea el ejemplo al final de la página para una demostración.
Sugerencia: este evento se usa a menudo junto con el evento mouseenter .
Sintaxis
Active el evento mouseleave para los elementos seleccionados:
$(selector).mouseleave()
Adjunte una función al evento mouseleave:
$(selector).mouseleave(function)
Parameter | Description |
---|---|
function | Optional. Specifies the function to run when the mouseleave event is triggered |
Pruébelo usted mismo - Ejemplos
Demuestra la diferencia entre mouseleave() y mouseout().
❮ Métodos de eventos de jQuery