jQuery mouseover() 方法

jQuery 事件方法 jQuery 事件方法

實例

當滑鼠指針位於 <p> 元素上方時,設置背景色為黃色:

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


定義和用法

當滑鼠指針位於元素上方時,會發生 mouseover 事件。

mouseover() 方法觸發 mouseover 事件,或添加當發生 mouseover 事件時運行的函數。

注意:mouseenter 事件不同,mouseover 事件在滑鼠指針進入被選元素或任意子元素時都會被觸發,mouseenter 事件只有在滑鼠指針進入被選元素時被觸發。參見頁面底部演示實例。

提示:該事件通常與 mouseout 事件一起使用。


語法

觸發被選元素的 mouseover 事件:

$(selector).mouseover()

添加函數到 mouseover 事件:

$(selector).mouseover(function)

參數 描述
function 可選。規定 mouseover 事件觸發時運行的函數。


實例

更多實例

mouseover() 與 mouseenter() 之間的不同
演示 mouseover() 與 mouseenter() 之間的不同。


jQuery 事件方法 jQuery 事件方法