Javascript事件模型系列(二)事件的捕获-冒泡机制及事件委托机制
一、事件的捕获与冒泡 由W3C规定的DOM2标准中,一次事件的完整过程包括三步:捕获→执行目标元素的监听函数→冒泡,在捕获和冒泡阶段,会依次检查途径的每个节点,如果该节点注册了相应的监听函数,则执行监听函数。以下面的HTML结构为例: <div id="parentdiv"> 父亲 <div id="childdiv">孩子</div> </div> 执行的流程应该是这样的: 下面是一组例子,分别点击孩子节点可以清楚的看到第三个参数的影响: 父亲 孩子 父亲节点的监听函数在捕获阶段执行: var parent1 = document.getElementById('parentdiv1'); var child1 = document.getElementById('childdiv1'); parent.addEventListener('click',function(){alert('父亲被点击了');},true);//第三个参数为true child.addEventListener('click',function(){a...