blur
英 [bl?:(r)]? ?美 [bl?]??
n.污跡,污斑;模糊不清的事物;曖昧不明
vt.& vi.涂污,弄臟;(使)變模糊,(使)難以區(qū)分
jquery blur()函數(shù) 語法
作用:當元素失去焦點時發(fā)生 blur 事件。blur() 函數(shù)觸發(fā) blur 事件,或者如果設(shè)置了?function?參數(shù),該函數(shù)也可規(guī)定當發(fā)生 blur 事件時執(zhí)行的代碼。早前,blur 事件僅發(fā)生于表單元素上。在新瀏覽器中,該事件可用于任何元素。
觸發(fā)blur 事件:觸發(fā)被選元素的 blur 事件。
語法:$(selector).blur()
將函數(shù)綁定到blur 事件:規(guī)定當被選元素的 blur 事件發(fā)生時運行的函數(shù)。
語法:$(selector).blur(function)
參數(shù):
參數(shù) | 描述 |
function? ?? | 可選。規(guī)定當 blur 事件發(fā)生時運行的函數(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>請在上面的輸入域中點擊,使其獲得焦點,然后在輸入域外面點擊,使其失去焦點。</p> </body> </html>
點擊 "運行實例" 按鈕查看在線實例