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>
執行實例 »#點擊 "執行實例" 按鈕查看線上實例
#