DOM模型事件传播机制应用

一 介绍
DOM模型事件传播先后沿着两个方向传播:在第一阶段,也就是事件捕获阶段,事件从最顶层的对象依次向下传播,因此先触发顶层对象的事件处理函数,然后依次向下,直到传播到事件所发生的最底层对象;接着进入第二阶段,也就是事件冒泡阶段,事件传播一直向上溯,直到最顶层对象。
DOM模型事件传播机制模型如下图

DOM模型事件传播机制应用_第1张图片
 
DOM为Event对象提供了stoppropagation()方法,该方法能阻止事件传播。
 
二 代码
 





阻止事件传播


友情链接:
疯狂Java联盟
 
三 运行结果

 

你可能感兴趣的:(JavaScript,DOM,模型事件,传播机制)