jQuery mouseenter() 方法

jQuery 事件

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

当鼠标指针进入元素时，将发生mouseenter事件。

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

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

• mousemove-将鼠标指针移到元素上时调用

• mouseover-当鼠标指针进入元素及其子元素时调用（请参见下面的示例）

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

语法：

触发选定元素的mouseenter事件：

$(selector).mouseenter()

将函数附加到mouseenter事件：

$(selector).mouseenter(function)

实例

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

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

此示例演示mousemove，mouseenter和mouseover之间的区别：

参数值

jQuery 事件