Método jQuery mouseout()

Eventos de jQuery

El método mouseout() desencadena el evento mouseout() o adjunta una función para ejecutarse cuando ocurre el evento mouseout()

Se produce el evento mouseout() cuando el puntero del ratón se mueve fuera de algún elemento o uno de sus elementos hijos

Puede que piense que mouseout() ymouseleaveEl evento es el mismo, pero no son:

• mouseout-Se llama cuando el puntero del ratón se mueve fuera de algún elemento o uno de sus elementos hijos

• mouseleave-Se llama solo cuando el puntero del ratón se mueve fuera del elemento (consulte el ejemplo siguiente)

El método mouseout() generalmente se usa conmouseover()Métodos utilizados juntos.

Sintaxis:

Desencadenar el evento mouseout del elemento seleccionado:

$(selector).mouseout()

Adjuntar una función al evento mouseout:

$(selector).mouseout(function)

Ejemplo

Cambiar el color de fondo cuando se desencadenen los eventos mouseover y mouseout:

$("p").mouseover(function(){
　　$(this).css("background-color", "yellow");
});
$("p").mouseout(function(){
　　$(this).css("background-color", "lightblue");
});

Este ejemplo muestra la diferencia entre mouseleave y mouseout:

Valor del parámetro

Eventos de jQuery