Latest web development tutorials

jQuery mouseenter() 方法

jQuery 事件方法 jQuery事件方法

實例

當鼠標指針進入<p> 元素時,設置背景色為黃色:

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

嘗試一下»

定義和用法

當鼠標指針穿過(進入)被選元素時,會發生mouseenter 事件。

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

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

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


語法

觸發被選元素的mouseenter 事件:

$(selector).mouseenter() 尝试一下

添加函數到mouseenter 事件:

$(selector).mouseenter(function) 尝试一下

参数 描述
function 可选。规定 mouseenter 事件触发时运行的函数。


實例

更多實例

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


jQuery 事件方法 jQuery事件方法