Jquery中文網 www.uhadif.co
Jquery中文網 >  jQuery  >  jquery 教程  >  正文 jQuery 事件的命名空間簡單了解

jQuery 事件的命名空間簡單了解

發布時間:2014-05-17   編輯:www.uhadif.co
用 jQuery 綁定和解綁事件監聽器都是非常簡單的,怎樣精確地解綁其中一個監聽器?我們需要了解一下事件的命名空間,感興趣的朋友不要錯過
jquery 綁定和解綁事件監聽器都是非常簡單的。但是當你為一個元素的一個事件綁定了多個監聽器時,怎樣精確地解綁其中一個監聽器?我們需要了解一下事件的命名空間。

看下面這段代碼:
復制代碼 代碼如下:

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

像上面這樣綁定事件監聽器,當元素被點擊時,doSomething 和 doSomethingElse 這兩個監聽器都會被觸發。這是使用 jQuery 的一個便利之處,可以隨時給元素的同一個事件添加不同的監聽器。不像用 onclick 那樣,新的監聽器會覆蓋舊的。

如果你想解綁其中一個監聽器,比如 doSomething,怎么做呢?

是這樣嗎?
復制代碼 代碼如下:

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

注意!上面這行代碼會把元素的 click 事件的所有監聽器全部解綁,而這并不是我們要的結果。

幸運的是 jQuery 的 .off() 方法可以接受第二個參數,就像 .on() 一樣。只要把監聽器函數的名字作為第二個參數傳入 .off() 方法,就能夠解綁指定的監聽器。
復制代碼 代碼如下:

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

但是如果你不知道這個函數的名字,或者你用的是匿名函數:
復制代碼 代碼如下:

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

怎樣才能精確地解綁某一個 click 事件監聽器呢?
先上代碼:
復制代碼 代碼如下:

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

這里不只是把 click 事件作為參數傳入 .on() 方法,而是給 click 事件指定了一個命名空間,然后監聽了這個命名空間里的 click 事件。此時,即使監聽器是匿名函數,實際上它也是 “ 有名 ” 的了。現在你可以像下面這樣解綁某一個具體的命名空間里的事件監聽器了。
復制代碼 代碼如下:

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

這是 jQuery 為我們提供的又一個方便而強大的功能,它的內部實現肯定很有意思!

您可能感興趣的文章:
jQuery中綁定事件的命名空間詳解
jQuery 事件的命名空間簡單了解
讀jQuery之十二 刪除事件核心方法
如何解決Jquery庫及其他庫之間的$命名沖突
jQuery bind事件使用詳解
鋒利的jQuery 要點歸納(三) jQuery中的事件和動畫(上:事件篇)
Jquery插件寫法筆記整理
jQuery學習筆記之jQuery的事件
jquery $.fn $.fx是什么意思有什么用
解析jQuery的三種bind/One/Live事件綁定使用方法

關鍵詞: jQuery  事件  命名空間   
[關閉]
北京pk赛车历史 幸运飞艇庄家如何作弊 江苏7位数规则 京海配资 宁夏11选5哪个平台有 易资配 河北快3基本走势图 下载炒股软件手机版 内蒙古快三十大技巧 浙江十一选五开奖走 秒速赛车每天稳赚技巧 福彩快乐8玩法介绍 河北地方20选5 百度指数官网数据 重庆快乐10分遗漏 查询股票 幸运飞艇全国统一开奖号码