js事件捕获详解，js事件触发的几个阶段

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

1、首先要纠正你对事件冒泡的错误认识：默认情况下只要是鼠标事件都会产生冒泡（也就是把事件逐级上报给上级元素，直到页面的顶级元素document），而不是说“用了什么方法才会触发事件冒泡”。同样，所有被冒泡的元素都会自动捕获这个事件，不需要什么特殊的方法，只要添加事件处理过程即可。

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

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

相关问答

Q1: js事件是什么意思

1、JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。

2、事件是在特定条件下触发的行为，函数则是实现特定功能的行为的具体的体现。比如你在人格受到侮辱时你会愤怒，那么“当愤怒时”就是事件，而你愤怒的时候会具体做什么，也就是你对这个事件的具体反映，由函数来完成；比如你愤怒时会打架(fighting)，那么打架就是函数。

3、js就是基于事件驱动的一门语言。想一下js的实现，都（大多数）是通过用户与浏览器的交互，比如你点击某个控件，鼠标放上，ajax请求等等，你的这些操作其实都是触发了js中定义的具体的事件，你可以给具体的事件绑定处理事件的函数。我们常用的事件有：click，mouseover，mouseout等等。

4、事件是你通过某种动作触发的，比如单击、双击、鼠标划过等等。。

5、方法是对象主动发生的行为，事件则是对象被动发生的行为，属性则是用来描述对象的特征的。

Q2: js监听事件有什么用js监听事件有什么用处

。事件监控的定义 在Javascript中，浏览器通常分为两类： ①基于IE内核的浏览器(版本号小于9的IE浏览器) ②基于W3C内核的浏览器(即版本号大于9的浏览器，火狐、谷歌等浏览器) 1)基本语法：基于IE内核浏览器 多姆。attachEvent(type，callback，capture)：为元素绑定一个事件侦听器。

js的监听事件就是相当于注册一个监听器，随时检测对应事件有没有发生，如果发生了自动调用定义好的函数来处理。一般情况下 监听事件是对应于dom元素而言的，同时也需要声明所监听事件种类。比如可以为一个按钮设置监听事件，点击之后自动调用相应函数处理。

JavaScript 事件可以被描述为在 HTML 文档中发生的特定动作或交互，例如用户单击某个元素、滚动页面以及表单提交。当事件发生时，JavaScript 可以捕获该事件并执行与之相关的代码。通过事件监听器，我们可以将 JavaScript 代码与指定的事件相关联，以便在特定的事件发生时自动执行该代码。

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

```js // 创建vue实例。var vm = new Vue()// 创建事件监听 @params 监听的事件名 回调函数。

Q3: js获取焦点事件的方法有哪些?

1、这个是HTML DOM对象的方法，并不是js的函数，js只是调用对象的focus方法.该方法表示将输入焦点移至对象上.资料拓展HTML DOM是HTML Document Object Model(文档对象模型)的缩写，HTML DOM则是专门适用于HTML/XHTML的文档对象模型。熟悉软件开发的人员可以将HTML DOM理解为网页的API。

2、获取焦点：focus，当单击或使用Tab键切换到某个表单元素或超链接对象时，会触发该事件。focus事件是确定页面内鼠标当前定位的一种方式。在默认情况下，整个文档处于焦点状态，但是单击或者使用Tab键可以改变焦点位置。

3、键盘事件/ 无论是keydown键入、keyup释放，还是keypress按下并释放，都能通过监听这些键盘事件，响应用户的输入和交互。 表单事件/ 表单的submit提交、change内容改变、focus获取焦点和blur失去焦点，这些事件在用户与表单元素交互时，提供了丰富的反馈和处理机会。

4、(function(){ (：text).focus(function(){ this.select()；})；})；JQuery文本框获得焦点背景颜色改变：先使用jQuery选择器找到所有的文本框。为文本框注册获得焦点事件，即focus事件。在焦点事件的事件处理函数中对当前得到焦点的文本框设置背景色。注册失去焦点事件，即blur事件。

js事件捕获详解的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js事件触发的几个阶段、js事件捕获详解的信息别忘了在本站进行查找喔。