<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#a {
background-color: #933;
float: left;
height: 90px;
width: 90px;
}
#b {
background-color: #655;
height: 60px;
width: 60px;
}
#c {
background-color: #334;
height: 30px;
width: 30px;
}
#d {
background-color: #489;
float: right;
height: 30px;
width: 30px;
}
</style>
</head>
<body>
<div id="a">a
<div id="b">b
<div id="c">c
</div>
</div>
</div>
<div id="d">d
</div>
<script type="text/javascript">
<!--
var a=document.getElementById("a");
var b=document.getElementById("b");
var c=document.getElementById("c");
var d=document.getElementById("d");
a.addEventListener("click",function(){alert("a")},0);
b.addEventListener("click",function(){alert("b")},1);
c.addEventListener("click",function(){alert("c")},0);
d.addEventListener("click",function(){alert("d")},0);
//-->
</script>
</body>
</html>
b.addEventListener("click",function(){alert("a")},0);
当最后一个参数是1,点击c的时候,在顺事件流中则b不捕获,证明b不拦截
分享到：
相关推荐
javascript事件冒泡,事件捕获和事件委托详解 1、事件冒泡：在javascript事件传播... js事件捕获一般通过DOM2事件模型addEventListener来实现的： target.addEventListener(type, listener, useCapture) 第三个参
DOM2事件模型规则描述了创建、捕获、控制与取消事件的标准方法，还描述了事件传播行为，也就是说，一个事件如何到达其目标，以及达到后将要发生的动作。在6中，由于没有提供对 DOM2事件模型的支持,因此,本章中涉及...
主要介绍了javascript事件捕获机制,结合实例形式分析了冒泡的原理、事件捕获、各浏览器事件处理机制与IE和DOM中的事件模型等,需要的朋友可以参考下
冒泡型事件模型： button->div->body (IE事件流) 捕获型事件模型： body->div->button (Netscape事件流) DOM事件模型： body->div->button->button->div->body (先捕获后冒泡) 2.事件侦听函数的区别 IE使用: ...
（2）捕获型事件(event capturing)：事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)。 （3）DOM事件流：同时支持两种事件模型：捕获型事件
DOM标准事件模型：DOM标准既支持冒泡型事件，也支持捕获型事件，可以说是两者的结合体，首先是捕获型，接着冒泡传递 二、事件对象 在IE浏览器中事件对象是window的一个属性，在DOM标准中，event必须作为唯一的参数传...
浏览器的事件模型分两种：捕获型事件和冒泡型事件。由于ie不支持捕获型事件，所以以下主要以冒泡型事件作为讲解。 （dubbed bubbling）冒泡型指事件安装最特定的事件到最不特定的事件逐一触发。 代码如下: <...
主要介绍了javascript中的事件模型,其中包括了DOM0级事件模型和DOM2级事件模型（事件捕获和事件冒泡和DOM2级的注册事件和解除事件）,需要的朋友可以参考下
一、传统事件模型 传统事件模型中存在局限性...DOM2级事件定义了两个方法用于添加、删除事件：addEventListener()、removeEventListener().他们分别接收三个参数：事件名、函数、冒泡或捕获的布尔值（true表示捕获，fa
事件 事件是DOM（文档对象模型）的一部分。事件流就是事件发生顺序，这是IE和其他浏览器在事件支持上的主要差别... 3、DOM事件流 DOM同时支持以上两种事件模型，其中捕获型事件先发生，从document对象开始，最后在docu
//事件处理兼容各种浏览器，采用能力检测方法，所谓能力检测，就是... //非IE浏览器采用dom2级事件处理，type为事件类型如：click，handler为事件处理函数，false代表事件采用冒泡处理模型，如果是true代表 采用捕获型
捕获型事件也被称作自顶向下（DOM层次）的事件模型。 由于IE 浏览器不支持捕获型事件，因此并没有被广泛应用。 B 事件监听 i > 通用监听方法 示例一： 代码如下: <p xss=removed>Click Me</p> 示例二： 代码如下: &...
事件是javascript中的...按照事件的传播顺序，可以将其分为两类，一种是事件冒泡，一种是事件捕获，这里就涉及到本章要介绍的主题了： 1.事件冒泡: 所谓的时间冒泡就是当一个元素触发一个事件，事件会像是水泡一样，
手势手势事件建立在W3C指针事件模型的顶部。 使用手势事件可以帮助识别和响应更复杂的基于触摸的用户交互，而不必自己捕获和解释单个指针事件。 此模块解决了移动浏览器中点击事件的延迟问题。 用户抬起手指时，将...
DOM事件流同时支持两种事件模型，但捕获型事件先发生。 二、事件处理函数/监听函数 事件是用户或浏览器自身进行的特定行为。这些事件都有自己的名字，如click、load、mouseover等。 事件处理函数有两种分配方式：在...
JavaScript基础DOM（文档对象模型）JavaScript 基本数据类型和引用数据类型JS数据类型判断事件冒泡和事件捕获js中的事件委托或事件代理详解DOM 事件模型JS函数防抖和函数节流JavaScript 设计模式跨域解决方案页面间...
13.3 标准事件模型 13.3.1 起泡和捕捉--浏览器的事件传播 13.3.2 事件处理函数的注册 13.3.3 把对象注册为事件处理程序 13.3.4 事件模块和事件类型 13.3.5 关于Event接口 13.3.5.1 Event...
11.1 文档对象模型及传统DOM 11.2 JavaScript层次结构 11.3 关于HTML表单 11.4 JavaScript与form对象 11.4.1 为表单及其输入类型(控件)命名 11.4.2 表单中的传统DOM 11.4.3 为表单...