jQuery mouseover() 方法

Eventos de jQuery

mouseover()方法触发mouseover事件，或附加一个函数，以在发生mouseover事件时运行。

当鼠标指针输入一个元素及其子元素时，将发生mouseover事件。

您可能会认为mouseover，mouseenter和mousemove事件是相同的，但它们不是：

• mouseover-当鼠标指针进入元素及其子元素时调用

• mouseenter-仅在鼠标指针进入元素时调用

• mousemove-将鼠标指针移到元素上时调用（请参见下面的示例）

mouseover()方法通常与mouseout()Métodos utilizados juntos.

Sintaxis:

Desencadenar el evento de mouseover del elemento seleccionado:

$(selector).mouseover()

Adjuntar una función al evento mouseover:

$(selector).mouseover(function)

Ejemplo

Cambiar el color de fondo cuando se desencadenan 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 mouseenter, mousemove y mouseover:

Valor del parámetro

Eventos de jQuery