jQuery mouseover() 方法

jQuery 事件

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

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

您可能会认为mouseover,mouseentermousemove事件是相同的,但它们不是:

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

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

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

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

语法:

触发选定元素的鼠标悬停事件:

$(selector).mouseover()

将函数附加到mouseover事件:

$(selector).mouseover(function)

实例

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

$("p").mouseover(function(){
  $(this).css("background-color", "yellow");
});
$("p").mouseout(function(){
  $(this).css("background-color", "lightblue");
});
测试看看‹/›

此示例演示mouseenter,mousemove和mouseover之间的区别:

调用的Mouseenter事件:

调用的mousemove事件:

调用的鼠标悬停事件:

运行代码

参数值

参数描述
function每次鼠标悬停事件触发时执行的函数

jQuery 事件