jQuery mouseout() 方法

jQuery 事件

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

当鼠标指针移出某个元素或其子元素之一时，将发生mouseout事件。

您可能会认为mouseout和mouseleave事件是相同的，但它们不是：

• mouseout-将鼠标指针移出某个元素或其子元素之一时调用

• mouseleave-仅在将鼠标指针移出元素时调用（请参见下面的示例）

mouseout()方法通常与mouseover()方法一起使用。

语法：

触发选定元素的mouseout事件：

$(selector).mouseout()

将函数附加到mouseout事件：

$(selector).mouseout(function)

实例

当mouseover和mouseout事件触发时更改背景颜色：

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

此示例演示mouseleave和mouseout之间的区别：

参数值

jQuery 事件