小編今天帶大家了解jquery如何添加丟失焦點(diǎn)事件，文中知識點(diǎn)介紹的非常詳細(xì)。覺得有幫助的朋友可以跟著小編一起瀏覽文章的內(nèi)容，希望能夠幫助更多想解決這個(gè)問題的朋友找到問題的答案，下面跟著小編一起深入學(xué)習(xí)“jquery如何添加丟失焦點(diǎn)事件”的知識吧。

海南州網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,海南州網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為海南州上1000+提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢，請找那個(gè)售后服務(wù)好的海南州做網(wǎng)站的公司定做！

在jquery中，可以利用blur()方法添加丟失焦點(diǎn)事件，該方法用于規(guī)定當(dāng)元素失去焦點(diǎn)時(shí)發(fā)生blur事件，或者如果設(shè)置了function參數(shù)，該方法也可規(guī)定當(dāng)元素丟失焦點(diǎn)時(shí)執(zhí)行的代碼，語法為“$(selector).blur()”。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

jquery怎樣添加丟失焦點(diǎn)事件

當(dāng)元素失去焦點(diǎn)時(shí)發(fā)生 blur 事件。

blur() 函數(shù)觸發(fā) blur 事件，或者如果設(shè)置了 function 參數(shù)，該函數(shù)也可規(guī)定當(dāng)發(fā)生 blur 事件時(shí)執(zhí)行的代碼。

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

語法為：

$(selector).blur()

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

語法為：

$(selector).blur(function)

示例如下：

$(document).ready(function(){
  $("input").focus(function(){
    $("input").css("background-color","#FFFFCC");
  });
  $("input").blur(function(){
    $("input").css("background-color","#D6D6FF");
  });
});




請?jiān)谏厦娴妮斎胗蛑悬c(diǎn)擊，使其獲得焦點(diǎn)，然后在輸入域外面點(diǎn)擊，使其失去焦點(diǎn)。

輸出結(jié)果：

感謝大家的閱讀，以上就是“jquery如何添加丟失焦點(diǎn)事件”的全部內(nèi)容了，學(xué)會的朋友趕緊操作起來吧。相信創(chuàng)新互聯(lián)小編一定會給大家?guī)砀鼉?yōu)質(zhì)的文章。謝謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！