實例
當鼠標指針進入(穿過)元素時,改變元素的背景色:
$("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 事件時運行的函數。 |
親自試一試