美文网首页
JavaScript事件的传播,你知道吗?

JavaScript事件的传播,你知道吗?

作者: 木丿灬易 | 来源:发表于2019-07-16 12:45 被阅读0次

今天给大家说下JavaScript中的事件传播,三个包裹着的DIV,都绑定了点击事件,问:当点击div1时,会发生什么现象?

JavaScript事件的传播,你知道吗? JavaScript事件的传播,你知道吗?

当点击div1时,触发事件1,但是,紧跟着,事件2和事件3也被触发了;

这种现象,我们称为事件冒泡

在JS中当一个事件发生以后,它会在不同的DOM节点之间传播。这种传播分成三个阶段:第一阶段:从window对象传导到目标节点,称为捕获阶段。第二阶段:在目标节点上触发,称为目标阶段。第三阶段:从目标节点传

导回window对象,称为冒泡阶段。

JavaScript事件的传播,你知道吗?

事件传播的最上层对象是window;事件的传播顺序,在捕获阶段依次为window、document、html、body、div;在冒泡阶段依次为div、body、html、document、window。

注意:三种事件绑定方式全部默认监听冒泡阶段事件;

相关文章

  • JavaScript事件的传播,你知道吗?

    今天给大家说下JavaScript中的事件传播,三个包裹着的DIV,都绑定了点击事件,问:当点击div1时,会发生...

  • 事件

    1.解释以下概念:事件传播机制、阻止传播、取消默认事件、事件代理 基础什么是事件?JavaScript和HTML的...

  • Javascript 事件的传播

    概述 事件根据事件模型规定的传播路径被逐级传递, 在传播过程中依次触发对应的事件监听器, 然后被继续传递. 直到完...

  • HTML+JS事件捕获

    事件:JavaScript 和 HTML的交互是通过事件实现的,事件发生在传播过程中。 DOM中事件传播有2种方式...

  • JavaScript 事件传播机制

    JavaScript 采用异步事件驱动编程模型,与 HTML 的交互是通过事件实现的。 当我们执行了特定的事件时,...

  • JavaScript事件捕获冒泡与捕获

    事件流 JavaScript中,事件流指的是DOM事件流。 概念 事件的传播过程即DOM事件流。 事件对象在 DO...

  • 事件传播机制、阻止传播、取消默认事件、事件代理

    事件传播机制 事件:JavaScript和HTML的交互是通过事件实现的 事件是某个行为或者触发,比如点击、鼠标移...

  • 5.16 晚上总结

    1 Javascript的事件流模型都有什么? “事件冒泡”:事件开始由最具体的元素接受,然后逐级向上传播 “事件...

  • JavaScript事件委托

    JavaScript事件委托 原理:利用事件的冒泡原理,当你点击ul>li时,会从最深的节点开始向外传播li>ul...

  • DOM事件概念以及过程

    解释以下概念:事件传播机制、阻止传播、取消默认事件、事件代理 事件传播机制 事件传播机制分为三个阶段 事件捕获阶段...

网友评论

      本文标题:JavaScript事件的传播,你知道吗?

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