jQuery mouseover() 方法

jQuery 事件

mouseover()方法觸發(fā)mouseover事件，或附加一個(gè)函數(shù)，以在發(fā)生mouseover事件時(shí)運(yùn)行。

當(dāng)鼠標(biāo)指針輸入一個(gè)元素及其子元素時(shí)，將發(fā)生mouseover事件。

您可能會(huì)認(rèn)為mouseover，mouseenter和mousemove事件是相同的，但它們不是：

• mouseover-當(dāng)鼠標(biāo)指針進(jìn)入元素及其子元素時(shí)調(diào)用

• mouseenter-僅在鼠標(biāo)指針進(jìn)入元素時(shí)調(diào)用

• mousemove-將鼠標(biāo)指針移到元素上時(shí)調(diào)用（請(qǐng)參見下面的示例）

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

語法：

觸發(fā)選定元素的鼠標(biāo)懸停事件：

$(selector).mouseover()

將函數(shù)附加到mouseover事件：

$(selector).mouseover(function)

實(shí)例

當(dāng)mouseover和mouseout事件觸發(fā)時(shí)更改背景顏色：

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

此示例演示mouseenter，mousemove和mouseover之間的區(qū)別：

參數(shù)值

jQuery 事件