一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

javascript 中事件冒泡和事件捕获机制的详解

时间:2017-09-06 编辑:猪哥 来源:一聚教程网

javascript 中事件冒泡和事件捕获机制的详解

二者作用:描述事件触发时序问题

事件捕获:从document到触发事件的那个节点,即自上而下的去触发事件---由外到内

事件冒泡自下而上的去触发事件---由内到外

绑定事件方法的第三个参数,就是控制事件触发顺序是否为事件捕获

true,事件捕获;false,事件冒泡

一般默认false,即事件冒泡

Jquery的e.stopPropagation会阻止冒泡,意思就是到DOM为止,祖先级的事件就不要触发了 

下面是我尝试的例子:




  
  事件冒泡与事件捕获
  


parent事件   
child事件

例子里我加了第三个true,是事件捕获。

如果不加则是默认的事件冒泡,这时候事件触发时序就是自内向外

热门栏目