jQuery 事件 - mouseenter() 方法

實例

當鼠標指針進入(穿過)元素時,改變元素的背景色:

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

親自試一試

定義和用法

當鼠標指針穿過元素時,會發生 mouseenter 事件。

該事件大多數時候會與 mouseleave 事件一起使用。

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

注釋:與 mouseover 事件不同,只有在鼠標指針穿過被選元素時,才會觸發 mouseenter 事件。如果鼠標指針穿過任何子元素,同樣會觸發 mouseover 事件。請看下面例子的演示。

親自試一試:mouseenter 與 mouseover 的不同

觸發 mouseenter 事件

語法

$(selector).mouseenter()

親自試一試

將函數綁定到 mouseenter 事件

語法

$(selector).mouseenter(function)
參數 描述
function 可選。規定當發生 mouseenter 事件時運行的函數。

親自試一試