首頁 > web前端 > js教程 > 主體

jQuery focusout事件的使用與定義

黄舟
發布: 2017-06-27 13:23:37
原創
1404 人瀏覽過

概述

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

當一個元素,或是其內部任何一個元素失去焦點的時候會觸發這個事件。這跟blur事件差別在於,他可以在父元素上偵測子元素失去焦點的情況。

參數

fnFunctionV1.0

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

[data],fnString,FunctionV1.4.3

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

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

範例

描述:

失去焦點後會​​觸發動畫:

#HTML 程式碼:

<p><input type="text" /> <span>focusout fire</span></p> <p><input type="password" /> <span>focusout fire</span></p>
登入後複製

jQuery 代碼:

$("p").focusout(function() { $(this).find("span").css(&#39;display&#39;,&#39;inline&#39;).fadeOut(1000); });
登入後複製

實例

元素或其任意子元素失去焦點時,設定
元素的背景顏色:

$("div").focusout(function(){
$(this).css("background-color","#FFFFFF");
});
登入後複製

定義和用法

當元素(或在其內的任意元素)失去焦點時發生focusout 事件。

當在元素或在其內的任意元素上發生 focusout 事件時,focusout() 方法會加入要執行的函數。

與 blur() 方法不同的是,focusout() 方法在任意子元素失去焦點時也會觸發。

提示:此方法通常與 focusin() 方法一起使用。

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板