JS與Jquery的事件委託

參考：

概念：

什麼是事件委託：通俗的講，事件就是onclick，onmouseover，onmouseout，等就是事件，委託呢，就是讓別人來做，這個事件本來是加在某些元素上的，然而你卻加到別人身上來做，完成這個事件。

舉個列子：有三個同事預計會在周一收到快遞。為簽收快遞，有兩種辦法：一是三個人在公司門口等快遞；二是委託給前台mm代為簽收。現實當中，我們大都採用委託的方案（公司也不會容忍那麼多員工站在門口就為了等快遞）。前台mm收到快遞後，她會判斷收件人是誰，然後按照收件人的要求簽收，甚至代為付款。這種方案還有乙個優勢，那就是即使公司裡來了新員工（不管多少），前台mm也會在收到寄給新員工的快遞後核實並代為簽收。

原理：

利用冒泡的原理，把事件加到父級上，觸發執行效果。

作用：

1.效能要好

2.針對新建立的元素，直接可以擁有事件

事件源 :

跟this作用一樣(他不用看指向問題，誰操作的就是誰),event物件下的

使用情景：

•為dom中的很多元素繫結相同事件；

•為dom中尚不存在的元素繫結事件；

js的事件委託

jquery的事件委託

$(function

()else
}) });

最新on()方法取替了delegate()方法

$(function

()else
}) });

JS與Jquery的事件委託機制

傳送 概念 什麼是事件委託 通俗的講，事件就是onclick，onmouseover，onmouseout，等就是事件，委託呢，就是讓別人來做，這個事件本來是加在某些元素上的，然而你卻加到別人身上來做，完成這個事件。舉個列子 有三個同事預計會在周一收到快遞。為簽收快遞，有兩種辦法 一是三個人在公司門...

jQuery事件繫結與事件委託

在jquery類庫中，事件繫結與事件委託的用法受到了廣泛的關注。不僅如此，這還成了當今前端攻城獅的 熱門面試題目。十次面試有七八次會問到這個問題，因此，了解掌握事件的繫結和委託，還是比較重要的。冒泡 眾所周知，html的dom結構自外而內，層層包裹。如 div p span a，這樣式的，當我們的事...

jQuery 事件冒泡與事件委託

什麼是事件冒泡 在乙個物件上觸發某類事件 比如單擊onclick事件 如果此物件定義了此事件的處理程式，那麼此事件就會呼叫這個處理程式，如果沒有定義此事件處理程式或者事件返回true，那麼這個事件會向這個物件的父級物件傳播，從裡到外，直至它被處理 父級物件所有同類事件都將被啟用 或者它到達了物件層次...