jQuery：mouseleave事件的使用與定義

概述

當滑鼠指標離開元素時，會發生 mouseleave 事件。該事件大多時候會與mouseenter 事件一起使用。

與 mouseout 事件不同，只有在滑鼠指標離開被選元素時，才會觸發 mouseleave 事件。如果滑鼠指標離開任何子元素，同樣會觸發 mouseout 事件。

參數

fnFunctionV1.0

在每一個符合元素的mouseleave事件中綁定的處理函數。

[data],fnString,FunctionV1.4.3

data:mouseleave([Data], fn) 可傳入data供函數fn處理。

fn:在每一個符合元素的mouseleave事件中綁定的處理函數。

範例

描述:

當滑鼠指標離開元素時，改變元素的背景色：：

jQuery 程式碼:

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

實例

當滑鼠指標離開元素時，改變元素的背景色：

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

定義和用法

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

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

mouseleave() 方法觸發 mouseleave 事件，或規定發生 mouseleave 事件時執行的函式。

註解：與 mouseout 事件不同，只有在滑鼠指標離開被選元素時，才會觸發 mouseleave 事件。如果滑鼠指標離開任何子元素，同樣會觸發 mouseout 事件。請看下面例子的示範。

親自試試看：mouseleave 與 mouseout 的不同

觸發 mouseleave 事件

語法

$(selector).mouseleave()

以上是jQuery：mouseleave事件的使用與定義的詳細內容。更多資訊請關注PHP中文網其他相關文章！