Latest web development tutorials

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事件方法