美文网首页
一道关于冒泡和捕获的题

一道关于冒泡和捕获的题

作者: twentyshaw | 来源:发表于2019-10-29 20:06 被阅读0次

牛客网有这么一道题


题目来源:牛客网

首先我知道 preventDefault()是阻止原始事件的触发,不会阻止事件的传播。
能阻止事件传播的是 stopPropagation()

但是,我疑惑的是:
为啥捕获阶段没有触发父元素的click事件先打印出1?

查了一下,原因是:

处理器 on<event> 属性或使用 HTML 属性或者使用 addEventListener(event, handler) 添加的处理器,不知道捕获,它们只知道第 2 和第 3 阶段。

要在捕获阶段捕获事件,我们需要将 addEventListener 的第三个参数设置为 true。

最后一个参数是可选的,有两个可能的值:
如果为 false(默认值),则在冒泡阶段设置处理器。
如果为 true,则在捕获阶段设置处理器。

相关文章

  • 一道关于冒泡和捕获的题

    牛客网有这么一道题 首先我知道 preventDefault()是阻止原始事件的触发,不会阻止事件的传播。能阻止事...

  • 事件冒泡和事件捕获

    事件冒泡和事件捕获

  • 冒泡和捕获

    ​在浏览器中,事件的传播方式分为:事件冒泡和事件捕获。那么事件冒泡和事件捕获分别是什么?为什么会出现两种传播方式呢...

  • 捕获和冒泡

    捕获:从外向内冒泡:从内向外 在一个事件发生时,捕获过程跟冒泡过程总是先后发生,跟你是否监听毫无关联,先捕获后冒泡...

  • 捕获和冒泡

    捕获: 就是从根元素开始向目标元素递进的一个关系,从上而下 冒泡: 就是从目标元素开始向根元素冒泡的过程,就好像水...

  • JavaScript 事件捕获和冒泡

    JavaScript 事件捕获和冒泡 规范 在最新的 DOM 规范中,事件的捕获与冒泡是通过 addEventLi...

  • 关于事件捕获和事件冒泡

    DOM事件标准定义了两种事件流,这俩种事件流有着显著的不同并且可能对你的应用有着相当大的影响。这俩种事件流分别是捕...

  • js 阻止冒泡 阻止默认事件

    js冒泡和捕获是事件的两种行为,使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件...

  • 默认事件

    js冒泡和捕获是事件的两种行为,使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件...

  • JS事件的冒泡捕获--发生了什么

    多次遇到事件冒泡与捕获相关的题目,冒泡和捕获机制在不同浏览器中的兼容性也不相同,IE中默认只支持冒泡机制,冒泡和捕...

网友评论

      本文标题:一道关于冒泡和捕获的题

      本文链接:https://www.haomeiwen.com/subject/fcjhyctx.html