jQuery 事件 - mouseleave() 方法

實例

當鼠標指針離開元素時,改變元素的背景色:

$("p").mouseleave(function(){
  $("p").css("background-color","#E9E9E4");
});

親自試一試

定義和用法

當鼠標指針離開元素時,會發生 mouseleave 事件。

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

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

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

親自試一試:mouseleave 與 mouseout 的不同

觸發 mouseleave 事件

語法

$(selector).mouseleave()

親自試一試

將函數綁定到 mouseleave 事件

語法

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

親自試一試