jQuery的blur()函數(shù)是一個(gè)元素失去焦點(diǎn)時(shí)觸發(fā)的事件。當(dāng)用戶在一個(gè)HTML元素上輸入信息后,單擊到其他元素上時(shí),就會(huì)觸發(fā)blur事件。
blur()函數(shù)的語(yǔ)法如下:
$(selector).blur(function)
其中,selector是所選元素的選擇器,function是當(dāng)元素失去焦點(diǎn)時(shí)執(zhí)行的函數(shù)。常見(jiàn)的應(yīng)用場(chǎng)景是在表單中驗(yàn)證輸入內(nèi)容是否合法。
下面是一個(gè)簡(jiǎn)單的示例:
$(document).ready(function(){ $("input").blur(function(){ if($(this).val() === "") { $(this).css("border-color", "red"); } else { $(this).css("border-color", "green"); } }); });
上面的代碼會(huì)在文檔加載完畢后,將所有的input元素綁定blur事件。當(dāng)輸入框失去焦點(diǎn)時(shí),會(huì)檢查輸入內(nèi)容是否為空,如果是就把邊框變成紅色,否則變成綠色。
總的來(lái)說(shuō),blur()函數(shù)可以讓我們方便地監(jiān)測(cè)用戶的操作,并及時(shí)做出響應(yīng)。通過(guò)它,我們可以給用戶提供更加友好的輸入體驗(yàn)。