转载：http://www.tuicool.com/articles/emiEfmz
点一下test按钮 如果不能正确说出弹出的顺序,请看转载链接
<body> <div id="divTest" style="width: 300px;height: 500px;background-color: red;"> <input type="button" value="test" id="test"> </div> <script> document.getElementById("test").addEventListener('click',function(event){ alert('btnTest-true'+event.eventPhase); },true); document.getElementById("divTest").addEventListener('click',function(event){ alert('divTest-false'+event.eventPhase); },false); document.getElementById("divTest").addEventListener('click',function(event){ alert('divTest'+event.eventPhase); },true); document.body.addEventListener('click',function(event){ alert('body'+event.eventPhase); },true); </script> </body>
相关推荐
目录（一）DOM事件流① 定义② 图解③ 历史（二）冒泡（三）捕获（四）在不同的阶段执行事件（五）提高内存和性能 — 事件委托① 实例② 优点 （一）DOM事件流 ① 定义 DOM事件流包括三个阶段： 捕获阶段 目标阶段 ...
众所周知，事件流分为三个阶段冒泡分为捕获阶段，目标阶段和冒泡阶段， 这三个阶段到底是如何运行的呢？如果给同一个事件绑定上冒泡和捕获的事件到底会怎样触发呢？ 下面我用dom2级事件函数来变换捕获和冒泡，用...
DOM事件标准定义了两种事件流，这两种事件流有着显著的不同并且可能对你的...和许多Web技术一样，在它们成为标准之前，Netscape和微软各自不同地实现了它们，下面介绍DOM事件阶段以及事件捕获与事件冒泡先后执行顺序
DOM事件流（event flow ）存在三个阶段：事件捕获阶段、 处于目标阶段、 事件冒泡阶段。 事件捕获（event capturing）：通俗的理解就是，当鼠标点击或者触发dom事件时，浏览器会从根节点开始由外到内进行事件...
DOM事件流的示意图，清晰的展示了DOM事件流的捕获过程，以及冒泡过程
javascript事件冒泡,事件捕获和事件委托详解 1、事件冒泡：在javascript事件传播过程中，当事件在一个元素上出发之后，事件会逐级传播给先辈元素，直到document为止，有的浏览器可能到window为止。并不是所有的...
javascript 中事件冒泡和事件捕获机制的详解 二者作用：描述事件触发时序问题 事件捕获：从document到触发事件的那个节点，即自上而下的去触发事件—由外到内 事件冒泡：自下而上的去触发事件—由内到外 绑定事件...
“DOM2级事件流”规定的事件流包括三个阶段：事件捕获阶段、处于目标阶段和冒泡阶段。首先发生的是事件捕获，为截获事件提供了机会。然后是实际的目标接收到事件。最后一个阶段是冒泡阶段，可以在这个阶段对事件作出...
（1）冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document ...（2）捕获型事件(event ...（3）DOM事件流：同时支持两种事件模型：捕获型事件
1.事件流的区别 IE采用冒泡型事件 Netscape使用捕获型事件 DOM使用先捕获后冒泡型事件 示例： 代码如下: <body> <div> <button>点击这里</button> </div> </body> 冒泡型事件模型： button-...
抽空学习了下javascript和jquery的事件设计，收获颇大，总结此贴，和大家分享。 (一)事件绑定的几种方式 javascript给DOM绑定事件处理函数总的来说有2种方式：在html文档中绑定、在js代码中绑定。下面的方式1、方式2...
js事件对象event包括很多事件类型，这里用onclick事件为例，探讨一下在js事件捕获机制和冒泡机制下的执行过程，以及如何阻止事件的捕获和冒泡。 首先看下当我们点击一个元素后，浏览器的执行过程。 1，当某个元素...
DOM2级事件规定事件流包括三个阶段：事件捕获阶段、处于目标阶段和事件冒泡阶段。 大多数情况下都是将事件处理程序添加到事件流的冒泡阶段。一个 EventUtil 的栗子： var EventUtil = { addHandler: function...
1.3 DOM事件流 ：事件捕获阶段——事件目标阶段——事件冒泡阶段 DOM2级事件规定 ：捕获阶段不会涉及目标事件。 2.事件处理程序 事件 ：用户或者浏览器自身执行的 某种动作 事件处理程序 ：响应某个事件的 函数 。 ...
当父元素与子元素都绑定了多个事件，且有的绑定在冒泡阶段、有的绑定在捕获阶段时，事件的触发顺序如何？如果你只关心这个问题，请直接下滑到3. 绑定多个事件，且由用户行为触发。如果你想细致了解JavaScript中的...
浏览器的事件模型分两种：捕获型事件和冒泡型事件。由于ie不支持捕获型事件，所以以下主要以冒泡型事件作为讲解。 （dubbed bubbling）冒泡型指事件安装最特定的事件到最不特定的事件逐一触发。 代码如下: <...
本文实例讲述了js事件机制—-捕获与冒泡机制。分享给大家供大家参考，具体如下： 先从事件绑定机制说起, 事件绑定机制通过绑定方法addEventListener()实现, 语法格式如下: element.addEventListener(event, function...
DOM 事件会先后经历 捕获 与 冒泡 两个阶段。捕获即事件沿着 DOM 树由上往下传递，到达触发事件的元素后，开始由下往上冒泡。 IE9 及之前的版本只支持冒泡 | A —————–|–|—————– | Parent |...