blur

英[blɜ:(r)]   美[blɚ]  

n.污跡,污斑;模糊不清的事物;曖昧不明

vt.& vi.塗污,弄髒;(使)變模糊,(使)難以區分

jquery blur()函數 語法

作用:當元素失去焦點時發生 blur 事件。 blur() 函數觸發 blur 事件,或如果設定了 function 參數,則函數也可規定發生 blur 事件時執行的程式碼。早前,blur 事件僅發生於表單元素上。在新瀏覽器中,該事件可用於任何元素。

觸發blur 事件:觸發被選元素的 blur 事件。

語法:$(selector).blur()

#將函數綁定到blur 事:規定當被選元素的blur 事件發生時執行的函數。

語法:$(selector).blur(function)

#參數:

##參數說明function    可選。規定當 blur 事件發生時運行的函數。   

jquery blur()函數 範例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").focus(function(){
    $("input").css("background-color","#FFFFCC");
  });
  $("input").blur(function(){
    $("input").css("background-color","#D6D6FF");
  });
});
</script>
</head>
<body>
Enter your name: <input type="text" />
<p>请在上面的输入域中点击,使其获得焦点,然后在输入域外面点击,使其失去焦点。</p>
</body>
</html>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#