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ī)定當(dāng)發(fā)生 blur 事件時(shí)執(zhí)行的代碼。早前,blur 事件僅發(fā)生于表單元素上。在新瀏覽器中,該事件可用于任何元素。

觸發(fā)blur 事件:觸發(fā)被選元素的 blur 事件。

語(yǔ)法:$(selector).blur()

將函數(shù)綁定到blur 事:規(guī)定當(dāng)被選元素的 blur 事件發(fā)生時(shí)運(yùn)行的函數(shù)。

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

參數(shù):

參數(shù)描述
function? ??可選。規(guī)定當(dāng) blur 事件發(fā)生時(shí)運(yùn)行的函數(shù)。? ?

jquery blur()函數(shù) 示例

<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>
運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例