blur
英[bl?:(r)]? ?美[bl?]??
n.污跡,污斑;模糊不清的事物;曖昧不明
vt.& vi.塗污,弄髒;(使)變模糊,(使)難以區(qū)分
jquery blur()函數(shù) 語(yǔ)法
作用:當(dāng)元素失去焦點(diǎn)時(shí)發(fā)生 blur 事件。 blur() 函數(shù)觸發(fā) blur 事件,或如果設(shè)定了?function?參數(shù),則函數(shù)也可規(guī)定發(fā)生 blur 事件時(shí)執(zhí)行的程式碼。早前,blur 事件僅發(fā)生於表單元素上。在新瀏覽器中,該事件可用於任何元素。
觸發(fā)blur 事件:觸發(fā)被選元素的 blur 事件。
語(yǔ)法:$(selector).blur()
#將函數(shù)綁定到blur 事件:規(guī)定當(dāng)被選元素的blur 事件發(fā)生時(shí)執(zhí)行的函數(shù)。
語(yǔ)法:$(selector).blur(function)
#參數(shù):
##參數(shù) | 說(shuō)明 |
function? ?? | 可選。規(guī)定當(dāng) blur 事件發(fā)生時(shí)運(yùn)行的函數(shù)。? ? |
jquery blur()函數(shù) 範(fàn)例
<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>請(qǐng)?jiān)谏厦娴妮斎胗蛑悬c(diǎn)擊,使其獲得焦點(diǎn),然后在輸入域外面點(diǎn)擊,使其失去焦點(diǎn)。</p>
</body>
</html>
執(zhí)行實(shí)例 ?#點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線(xiàn)上實(shí)例
#