谈谈事件委托的理解?

JavaScript 事件代理则是一种简单的技巧,通过它你可以把事件处理器添加到一个上级元

素上,这样就避免了把事件处理器添加到多个子级元素上。当我们需要对很多元素添加事 件

的时候,可以通过将事件添加到它们的上级元素而将事件委托给上级元素来触发处理函

数。这主要得益于浏览器的事件冒泡机制。事件代理用到了两个在 JavaSciprt 事件中常被

忽 略的特性:事件冒泡以及目标元素。

优点:

1、减少事件注册,节省内存。比如,

2、在 table 上代理所有 td 的 click 事件。

3、在 ul 上代理所有 li 的 click 事件。

4、简化了 dom 节点更新时,相应事件的更新。比如

5、不用在新添加的 li 上绑定 click 事件。

6、当删除某个 li 时,不用移解绑上面的 click 事件。

缺点:

1、事件委托基于冒泡,对于不冒泡的事件不支持

2、层级过多,冒泡过程中,可能会被某层阻止掉。

3、理论上委托会导致浏览器频繁调用处理函数,虽然很可能不需要处理。所以建议就近委托,

比如在 table 上代理 td,而不是在 document 上代理 td。

4、把所有事件都用代理就可能会出现事件误判。比如,在 document 中代理了所有 button 的

click 事件,另外的人在引用改 js 时,可能不知道,造成单击 button 触发了两个 click 事件

我还有一篇文章类似 感兴趣的可以直接在我首页搜索:JavaScript事件冒泡 

最后 感兴趣的可以去查阅更多资料 谢谢大家 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值