在沒有看到這篇 文章之前，我一直不知道原來bind也可以有命名空間。事實(shí)上，我看完這篇文章后，再去翻了一下手冊，也才發(fā)現(xiàn)了一點(diǎn)點(diǎn)的注釋。但手冊也僅僅是一句話就帶 過去了。沒有過多的深究，或許他認(rèn)為命名空間這玩意很簡單，沒有必要多解釋？

先看手冊，由于bind方法有三個參數(shù)(type,[data],fn)，所以手冊上這么介紹:

.bind() 方法是用于往文檔上附加行為的主要方式。所有JavaScript事件對象， 比如focus, mouseover, 和 resize，都是可以作為type參數(shù)傳遞進(jìn)來的。

jQuery還提供了一些綁定這些標(biāo)準(zhǔn)事件類型的簡單方式，比如.click()用于簡 化.bind('click')。一共有以下這 些：blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error 。

任何作為type參數(shù)的字符串都是合法的；如果一個字符串不是原生的JavaScript事件名， 那么這個事件處理函數(shù)會綁定到一個自定義事件上。這些自定義事件絕對不會由瀏覽器觸發(fā)，但可以通過使用.trigger()或 者.triggerHandler()在其他代碼中手動觸發(fā)。

如果type參數(shù)的字符串中包含一個點(diǎn)(.)字符， 那么這個事件就看做是有命名空間的了。這個點(diǎn)字符就用來分隔事件和他的命名空間。舉例來說，如果執(zhí) 行 .bind('click.name', handler) ，那么字符串中的 click 是事件類型，而字符串 name 就是命名空間。命名空 間允許我們?nèi)∠壎ɑ蛘哂|發(fā)一些特定類型的事件，而不用觸發(fā)別的事件。參考unbind()來獲取更多信息。

當(dāng)一個事件傳到一個元素上，所有綁定在上面的針對哪個事件的處理函數(shù)都會觸發(fā)。如果注冊了多個事件 處理函數(shù)，總是按照綁定的順序依次觸發(fā)。當(dāng)所有綁定的事件處理函數(shù)執(zhí)行完畢后，事件繼續(xù)沿著普通的事件冒泡途徑上浮。



jQuery的 bind / unbind 方法應(yīng)該說使用很簡單，而且大多數(shù)時候 可能并不會用到，取而代之的是直接用 click / keydown 之類的事件名風(fēng)格的方法來做事件綁定操作。

但假設(shè)如下情況：需要在運(yùn)行時根據(jù)用戶交互的結(jié)果進(jìn)行不同click事件處理邏輯的綁定，因而理論 上會無數(shù)次對某一個事件進(jìn)行 bind / unbind 操作。但又希望 unbind 的時候只把自己綁上去的處理邏輯給釋放掉而不是所有其他地方有 可能的額外的同一事件綁定邏輯。

這時候如果直接用 .click() / .bind('click') 加 上 .unbind('click') 來進(jìn)行重復(fù)綁定的話，被 unbind 掉的將是所有綁定在元素上的 click 處理邏輯，潛在會影響到該元素 其他第三方的行為。當(dāng)然如果在bind的時候是顯示定義了function變量的話，可以在unbind的時候提供 function作為第二個參數(shù)來指 定只unbind其中一個處理邏輯，但實(shí)際應(yīng)用中很可能會碰到各種進(jìn)行匿名函數(shù)綁定的情況。

對于這種問題，jQuery的解決方案是使用事件綁定的命名空間。即在事件名稱后添 加 .something 來區(qū)分自己這部分行為邏輯范圍。

比如 用 .bind('click.myCustomRoutine',function(){...}); 同樣是把匿名函數(shù)綁定到 click 事件（你 可以用自己的命名空間多次綁定不同的行為方法上去），當(dāng)unbind的時候用 .unbind('click.myCustomRoutine') 即可 釋放所有綁定到 .myCustomRoutine 命名空間的 click 事件，而不會解除其他通過 .bind('click') 或另外的命名 空間所綁定的事件行為。

同時，使用命令空間還可以讓你一次性 unbind 所有此命名空間下的自定義事件綁定，通 過 .unbind('.myCustomRoutine') 即可。

要注意的是，jQuery的命名空間并不支持多級空間。因?yàn)樵趈Query里面，如果 用 .unbind('click.myCustomRoutine.myCustomSubone') ，解除的是命名空間分別 為 myCustomRoutine 和 myCustomSubone 的兩個并列命名空間下的所有 click 事件，而不 是 "myCustomRoutine 下的 myCustomSubone 子空間"。

jQuery的 bind / unbind 方法應(yīng)該說使用很簡單，而且大多數(shù)時候可能并不會用到，取而代之的是直接用 click / keydown 之類的事件名風(fēng)格的方法來做事件綁定操作。

但假設(shè)如下情況：需要在運(yùn)行時根據(jù)用戶交互的結(jié)果進(jìn)行不同click事件處理邏輯的綁定，因而理論上會無數(shù)次對某一個事件進(jìn)行 bind / unbind 操作。但又希望 unbind 的時候只把自己綁上去的處理邏輯給釋放掉而不是所有其他地方有可能的額外的同一事件綁定邏輯。

這時候如果直接用 .click() / .bind('click') 加上 .unbind('click') 來進(jìn)行重復(fù)綁定的話，被 unbind 掉的將是所有綁定在元素上的 click 處理邏輯，潛在會影響到該元素其他第三方的行為。當(dāng)然如果在bind的時候是顯示定義了function變量的話，可以在unbind的時候提供function作為第二個參數(shù)來指定只unbind其中一個處理邏輯，但實(shí)際應(yīng)用中很可能會碰到各種進(jìn)行匿名函數(shù)綁定的情況。

對于這種問題，jQuery的解決方案是使用事件綁定的命名空間。即在事件名稱后添加 .something 來區(qū)分自己這部分行為邏輯范圍。

比如用 .bind('click.myCustomRoutine',function(){...}); 同樣是把匿名函數(shù)綁定到 click 事件（你可以用自己的命名空間多次綁定不同的行為方法上去），當(dāng)unbind的時候用 .unbind('click.myCustomRoutine') 即可釋放所有綁定到 .myCustomRoutine 命名空間的 click 事件，而不會解除其他通過 .bind('click') 或另外的命名空間所綁定的事件行為。

同時，使用命令空間還可以讓你一次性 unbind 所有此命名空間下的自定義事件綁定，通過 .unbind('.myCustomRoutine') 即可。

要注意的是，jQuery的命名空間并不支持多級空間。因?yàn)樵趈Query里面，如果用 .unbind('click.myCustomRoutine.myCustomSubone') ，解除的是命名空間分別為 myCustomRoutine 和 myCustomSubone 的兩個并列命名空間下的所有 click 事件，而不是 "myCustomRoutine 下的 myCustomSubone 子空間"。

最新評論