用 jQuery 綁定和解綁事件監(jiān)聽器都是非常簡(jiǎn)單的。但是當(dāng)你為一個(gè)元素的一個(gè)事件綁定了多個(gè)監(jiān)聽器時(shí)，怎樣精確地解綁其中一個(gè)監(jiān)聽器？我們需要了解一下事件的命名空間。

創(chuàng)新互聯(lián)公司是創(chuàng)新、創(chuàng)意、研發(fā)型一體的綜合型網(wǎng)站建設(shè)公司，自成立以來公司不斷探索創(chuàng)新，始終堅(jiān)持為客戶提供滿意周到的服務(wù)，在本地打下了良好的口碑，在過去的十載時(shí)間我們累計(jì)服務(wù)了上千家以及全國(guó)政企客戶，如圍欄護(hù)欄等企業(yè)單位，完善的項(xiàng)目管理流程，嚴(yán)格把控項(xiàng)目進(jìn)度與質(zhì)量監(jiān)控加上過硬的技術(shù)實(shí)力獲得客戶的一致贊美。

看下面這段代碼：

$('#element')
  .on('click', doSomething)
  .on('click', doSomethingElse);

像上面這樣綁定事件監(jiān)聽器，當(dāng)元素被點(diǎn)擊時(shí)，doSomething 和 doSomethingElse 這兩個(gè)監(jiān)聽器都會(huì)被觸發(fā)。這是使用 jQuery 的一個(gè)便利之處，可以隨時(shí)給元素的同一個(gè)事件添加不同的監(jiān)聽器。不像用 onclick 那樣，新的監(jiān)聽器會(huì)覆蓋舊的。

如果你想解綁其中一個(gè)監(jiān)聽器，比如 doSomething，怎么做呢？

是這樣嗎？

$('#element').off('click');

注意！上面這行代碼會(huì)把元素的 click 事件的所有監(jiān)聽器全部解綁，而這并不是我們要的結(jié)果。

幸運(yùn)的是 jQuery 的 .off() 方法可以接受第二個(gè)參數(shù)，就像 .on() 一樣。只要把監(jiān)聽器函數(shù)的名字作為第二個(gè)參數(shù)傳入 .off() 方法，就能夠解綁指定的監(jiān)聽器。

$('#element').off('click', doSomething);

但是如果你不知道這個(gè)函數(shù)的名字，或者你用的是匿名函數(shù)：

$('#element').on('click', function() {
    console.log('doSomething');
});

怎樣才能精確地解綁某一個(gè) click 事件監(jiān)聽器呢？該了解一下 jQuery 的事件命名空間了(jQuery namespaced events)！

先上代碼：

$('#element').on('click.myNamespace', function() {
    console.log('doSomething');
});

這里不只是把 click 事件作為參數(shù)傳入 .on() 方法，而是給 click 事件指定了一個(gè)命名空間，然后監(jiān)聽了這個(gè)命名空間里的 click 事件。此時(shí)，即使監(jiān)聽器是匿名函數(shù)，實(shí)際上它也是 “ 有名 ” 的了?，F(xiàn)在你可以像下面這樣解綁某一個(gè)具體的命名空間里的事件監(jiān)聽器了。

$('#element').off('click.myNamespace');

這是 jQuery 為我們提供的又一個(gè)方便而強(qiáng)大的功能，它的內(nèi)部實(shí)現(xiàn)肯定很有意思！

編譯自：CSS-Tricks

更多WEB技術(shù)，歡迎訪問：胡作菲為

網(wǎng)站題目：jQuery事件的命名空間
URL標(biāo)題：http://aaarwkj.com/article16/gghddg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、動(dòng)態(tài)網(wǎng)站、自適應(yīng)網(wǎng)站、企業(yè)建站、網(wǎng)站設(shè)計(jì)、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)