码迷,mamicode.com
首页 > Web开发 > 详细

浅谈js的事件冒泡机制

时间:2016-12-05 19:04:44      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:机制   场景   绑定   冒泡   性能   过程   效果   事件冒泡   触发事件   

  很多人都听说过,js的事件冒泡机制,其实,这个说法还是比较生动形象的,就是一个水泡在水底下,冒泡到水面的过程。

  那js的事件冒泡机制呢,就是一个DOM树,一级一级向上冒的过程,最终是到document这个根节点这里。

  这里就有一个小细节,dom点击后,它所有的父级都会触发事件,每一级绑定的事件都会触发,这样是耗费事件和性能进行处理的,但是,如果我们把事件都绑定到document根节点,这样只需要在最后一级的时候,区别是那个dom触发的就行了,这个也叫事件委托。

  其实这个场景适用于,子节点和众多父节点都有事件的绑定的情况,这样就不会触发多个事件,达到你想要的效果。

浅谈js的事件冒泡机制

标签:机制   场景   绑定   冒泡   性能   过程   效果   事件冒泡   触发事件   

原文地址:http://www.cnblogs.com/pijiaxiang/p/6134745.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!