js事件捕获冒泡执行顺序 事件捕获和冒泡

WeChat小程序基础篇-js事件

冒泡事件：当一个组件被触发后，该事件以此向父节点传递。非冒泡事件：当一个组件触发后，该事件不会向父节点传递。

微信小程序中实现滚动条事件的绑定方法如下：使用onPageScroll回调函数，此函数接收一个Object对象，其中包含滚动条相关信息，如滚动条顶部的位置等。

打开小程序开发者工具，用微信扫码登录开发者工具。

微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中，且 pages 中的第一个页面是小程序的首页。

(1) 小程序注册：在微信公众平台官网首页注册并提交注册信息、完善主体信息和管理 员信息。(2) 完善小程序信息：完善小程序的基本信息如名称、 头像及服务范围等。

这个用 js 很容易实现， 因为单击事件触发时，函数传入的 event 事件包含 target 对象，里面会有触发事件的 DOM 元素，我们只需要操作这个 DOM 元素，为其添加 class 名就好了。

相关问答

Q1: JS事件冒泡与捕获

event是事件类型click，focus，blur等；fn是事件触发时将执行的函数方法（function）；第三个参数可以不传，默认是false，这个参数控制是否捕获触发。

(1)事件捕获阶段。事件被从document一直向下传播到目标元素，在这过程中依次检查经过的节点是否注册了该事件的监听函数，若有则执行。(2)事件处理阶段。事件到达目标元素，执行目标元素的事件处理函数.(3)事件冒泡阶段。

冒泡：已图中H2为例，点击H2时，会弹出冒泡，但是在H2的父级绑定点击事件后也会有，而 H2的父级的父级也会有，这样一直往上找，知道醉外一层则停止。捕获则则冒泡刚好相反，冒泡是向外找，而捕获则是像内找。

自基础班0起，触摸类事件支持捕获阶段。捕获阶段位于冒泡阶段之前。事件到达节点的顺序与冒泡相反。捕获事件采用的关键字为capture-bind、capture-catch，当然catch还是中断，取消冒泡阶段。

兼容IE： return false； js的return false只会阻止默认行为，而是用jquery的话则既可以阻止默认行为，有防止对象冒泡。event代表事件的状态，例如触发event对象的元素，鼠标的位置及状态、按下的键等。

bool：false，代表冒泡阶段执行 bool：true，代表捕获阶段执行 JS在默认情况下获取事件后，就开始从根元素开始捕获所有该事件的监听对象，然后在冒泡阶段逐一执行。

Q2: 19.事件的三个阶段(捕获-当前目标-冒泡)

1、存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。 事件冒泡(event capturing) ： 当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级，一直到window 。(注意这里传递的仅仅是事件 并不传递所绑定的事件函数。

2、浏览器原生鼠标事件的触发过程分为三个阶段：捕获阶段、目标阶段和冒泡阶段。在捕获阶段，事件从 document 对象开始，逐级向下捕获到目标元素。在目标阶段，事件到达目标元素。

3、后绑定的会覆盖掉前面的无法通过事件的冒泡、委托等机制。DOM2事件模型此模型是W3C制定的标准模型。W3C制定的事件模型中，一次事件的发生包含三个过程：(1)事件捕获阶段。

Q3: js中什么是冒泡事件?

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

当我们点击子元素，触发的时事件会传递给父元素，这就是事件冒泡。

当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。

冒泡：已图中H2为例，点击H2时，会弹出冒泡，但是在H2的父级绑定点击事件后也会有，而 H2的父级的父级也会有，这样一直往上找，知道醉外一层则停止。捕获则则冒泡刚好相反，冒泡是向外找，而捕获则是像内找。

所以，事件执行顺序是“body-div1-div2”，这就像你进去房间，必须先进入大院，再进入门一样。其实，2个都有一定的道理，目前，泡沫事件更合理，所以浏览器默认使用冒泡顺序，但是可以通过JS参数设置到底是用冒泡还是捕捉。

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