解释js中的事件冒泡和事件捕获，js事件冒泡与事件委托

请教关于JS的事件冒泡和事件捕获的问题

1、首先要纠正你对事件冒泡的错误认识：默认情况下只要是鼠标事件都会产生冒泡（也就是把事件逐级上报给上级元素，直到页面的顶级元素document），而不是说“用了什么方法才会触发事件冒泡”。

2、通过一个小例子来解释 代码如下： Porschev---Jquery事件冒泡 比如上面这个页面， 分为三层：divOne是第外层，divTwo中间层，hr_three是最里层； 他们都有各自的click事件，最里层a标签还有href属性。

3、事件流：指从页面中接收事件的顺序，有冒泡流和捕获流。当页面中发生某种事件（比如鼠标点击，鼠标滑过等）时，毫无疑问子元素和父元素都会接收到该事件，可具体顺序是怎样的呢？冒泡和捕获则描述了两种不同的顺序。

4、事件捕获：js会顺着文档流顺序由外往内，依次触发事件。即从DOM树的根到叶子，粉-蓝-绿 事件冒泡：js会逆着文档流顺序由内至外，一次触发事件。

5、事件冒泡的作用：事件冒泡允许多个操作被集中处理（把事件处理器添加到一个父级元素上，避免把事件处理器添加到多个子级元素上），它还可以让你在对象层的不同级别捕获事件。

6、捕获：使用的浏览器模型、冒泡模型和捕获模型。默认情况下，IE8以下的浏览器只支持冒泡模式！ 2)基本语法：基于W3C内核的事件监控 多姆。addEventListener(type，callback)：W3C内核浏览器的绑定事件侦听。

相关问答

Q1: javascript的事件模型有哪些

(1)单击事件：onclick。用户单击鼠标按键时产生的事件，同时。nclick指定的事件处理程序或代码将被调用执行.(2)改变事件：onchange。当text或textarea元素内的字符值改变或select表格选项状态改变时发生该事件。

鼠标事件 鼠标事件是指通过鼠标动作触发的事件，鼠标事件有很多，下面列举几个常用的鼠标事件，如表所示。键盘事件 键盘事件是指用户在使用键盘时触发的事件。

JavaScript 事件处理程序（也称为事件监听器）是指用于处理 JavaScript 代码与特定 HTML 元素相关联的函数。事件处理程序可以侦听各种事件类型，包括鼠标事件、键盘事件等。

监听按钮的点击事件onclick，当该事件发生后可以执行JavaScript进行提醒；alertBtn.onclick = function() { alert(你在网页中执行了点击操作！)；}； 监听页面的加载事件onload，进行一些初始化操作。

onClick单击事件，常用于button\radio\checkbox\reset buttons\submit buttons对象上面。onChange改变事件，常用于textbox \textarea对象上面，当输入的字符值改变时执行对应的事件代码。

如点击事件，用户点击时触发；keydown、keyup事件，键盘按下、键盘弹起时触发；还有上传控件中，文件加入前事件，上传完成后事件。

Q2: 事件模型

在原始事件模型中(也有说DOM0级)，事件发生后没有传播的概念，没有事件流。北大青鸟认为事件发生，处理，结束，就这么简单。监听函数只是元素的一个属性值，通过指定元素的属性值来绑定监听器。

ASP.NET 中有一个重要功能，允许您通过与客户端应用程序中类似的、基于事件的模型来对网页进行编程。举一个简单的例子，例如，可以向 ASP.NET 网页中添加一个按钮，然后为该按钮的 Click 事件编写事件处理程序。

Java中采用的是委托事件模型：jdk1以后，引入的一种新的事件代理模块，通过它，事件源发出的事件被委托给（注册了的）事件监听器（Listener），并由它负责执行相应的响应方法。比如：病人生病请医生。

事件通常会由特定的对象或组件触发并产生，它们具有一定的格式和属性用于描述其特征和相关信息。

JavaScript中的事件流模型有冒泡事件流、捕获事件流和DOM事件流。

Q3: JAVASCRIPT中什么是捕捉事件和冒泡事件,请通俗(用代码)举例说明,怎样...

冒泡型事件，而FF下称之为：捕获型事件。顾名思义冒泡型事件是从低而上的触发机制，而捕获型事件则是从上到下的触发机制。《JavaScript高级程序设计》一书提到：DOM事件流同时支持两种事件触发机制，但是捕获型事件先发生。

事件捕获：js会顺着文档流顺序由外往内，依次触发事件。即从DOM树的根到叶子，粉-蓝-绿 事件冒泡：js会逆着文档流顺序由内至外，一次触发事件。

Netscape中，div先触发，这就叫做事件捕获。Microsoft中，p先触发，这就叫做事件冒泡。两种事件处理顺序刚好相反。IE只支持事件冒泡，Mozilla， Opera 7 和 Konqueror两种都支持，旧版本的Operas 和 iCab两种都不支持 。

解释js中的事件冒泡和事件捕获的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js事件冒泡与事件委托、解释js中的事件冒泡和事件捕获的信息别忘了在本站进行查找喔。