首頁 >web前端 >js教程 >jQuery:mouseout事件的使用與定義

jQuery:mouseout事件的使用與定義

黄舟
黄舟原創
2017-06-28 11:25:241211瀏覽

概述

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

mouseout事件在滑鼠從元素上離開後會觸發

參數

#fnFunctionV1.0

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

[data],fnString,FunctionV1.4.3

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

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

範例

描述:

當滑鼠從元素上移開時,改變元素的背景色:

jQuery 程式碼:

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

實例

當滑鼠從元素上移開時,改變元素的背景色:

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

定義和用法

當滑鼠指標從元素上移開時,發生mouseout 事件。

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

mouseout() 方法觸發 mouseout 事件,或規定發生 mouseout 事件時執行的函數。

註解:與 mouseleave 事件不同,不論滑鼠指標離開被選元素或任何子元素,都會觸發 mouseout 事件。只有在滑鼠指標離開被選元素時,才會觸發 mouseleave 事件。請看下面例子的示範。

觸發mouseout 事件

語法

$(selector).mouseout()

將函數綁定到mouseout 事件

語法

$(selector).mouseout(function)

參數          #                 #     一樣   一樣

function               選購。規定當發生 mouseout 事件時運行的函數。    

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn