jQuery mouseleave() 方法

jQuery 事件

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

当鼠标指针移出某个元素时，将发生mouseleave事件。

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

• mouseleave-将鼠标指针移出某个元素时调用

• mouseout-将鼠标指针移出某个元素或其子元素之一时调用（请参见下面的示例）

mouseleave()方法通常与mouseenter()方法一起使用。

语法：

触发选定元素的mouseleave事件：

$(selector).mouseleave()

将函数附加到mouseleave事件：

$(selector).mouseleave(function)

实例

触发mouseenter和mouseleave事件时更改背景颜色：

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

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

参数值

jQuery 事件