Método jQuery mouseout()

❮ Métodos de eventos de jQuery

Ejemplo

Establezca el color de fondo en gris, cuando el puntero del mouse deje un elemento <p>:

$("p").mouseout(function(){
  $("p").css("background-color", "gray");
});

Definición y uso

El evento mouseout ocurre cuando el puntero del mouse deja el elemento seleccionado.

El método mouseout() activa el evento mouseout o adjunta una función para que se ejecute cuando ocurre un evento mouseout.

Nota: A diferencia del evento mouseleave , el evento mouseout se activa si el puntero del mouse deja cualquier elemento secundario además del elemento seleccionado. El evento mouseleave solo se activa cuando el puntero del mouse abandona el 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 mouseover .


Sintaxis

Activar el evento mouseout para los elementos seleccionados:

$(selector).mouseout()

Adjunte una función al evento mouseout:

$(selector).mouseout(function)

Parameter Description
function Optional. Specifies the function to run when the mouseout event is triggered

Pruébelo usted mismo - Ejemplos


Demuestra la diferencia entre mouseout() y mouseleave().


❮ Métodos de eventos de jQuery