关于事件冒泡和事件捕获的一点记录

最新推荐文章于 2021-05-27 12:34:53 发布

aoteman4wo45

最新推荐文章于 2021-05-27 12:34:53 发布

阅读量157

点赞数

本文链接：https://blog.csdn.net/aoteman4wo45/article/details/80711239

版权

今天在看文档的时候看到了一个addEventListener("click", myFunction,false);这样的写法，

然后思考了半天后面这个false代表什么东西，遂进行查看，发现是之前接触过的事件冒泡和事件捕获，

这里记录一下，事件冒泡是指如果在触发事件时，从子元素向父元素触发，比如两个div,div1包裹着div2

上面各有一个click事件，分别触发一个alert(),内容为他们的名字，这时候我们点击就会发现，先弹出的是

div2 ,然后才是div1.

而事件捕获则是从父元素向子元素触发，也就是先弹出div1 才弹出div2

值得注意的是addEventListener 方法在 IE8及更早的版本是不支持的

像对应的需要使用attachEvent 方法来添加事件

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

aoteman4wo45

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

关于事件捕获和事件冒泡

Bcxbclj的博客

04-18

321

首先，先说一下，当我们点击一个元素的时候，浏览器是怎么执行的。 w3c标准模型，有3个过程：事件捕获阶段：事件从window一直向下传播到目标元素, 依次检查经过的节点是否绑定了事件监听函数，如果有则执行。(遇到相同事件默认不执行，记录下来，等冒泡阶段执行) 事件处理阶段：事件到达目标元素, 触发目标元素的监听函数。（点击的那个元素就是目标元素） 事件冒泡阶段：事件从目标元素冒泡到window...

JavaScript事件流，事件冒泡和事件捕捉

Niall_Tonshall的博客

01-23

730

本文是笔者阅读对JS事件流的深入理解之后的学习记录，@谢小飞系原文作者，感谢！什么是js事件？什么是原生事件和自定义事件？在JavaScript中有一个Event接口，表示在DOM中出现的事件，一些事件是由用户触发的，例如鼠标或键盘事件；而其他事件常由 API 生成，例如指示动画已经完成运行的事件，视频已被暂停等等。事件也可以通过脚本代码触发，例如对元素调用 HTMLElement.click() 方法，或者定义一些自定义事件，再使用 EventTarget.dispatchEvent() 方法将自.

参与评论您还未登录，请先登录后发表或查看评论

事件流：事件冒泡和事件捕获的理解

weixin_43739375的博客

03-20

177

事件: JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件流: 一个完整的JS事件流是从window开始，最后回到window的一个过程事件流主要分为两种，即事件捕获和事件冒泡，这二者接受...

关于事件冒泡和事件捕获

engineer的博客

06-01

355

最近突然想整理一下这方面的东西，因为在开发一些组件的时候遇到过事件冒泡和捕获带来的问题，感觉平时用的不多，还是记录一下以后还能翻一下。先聊聊起源为什么会有冒泡流和捕获流，是一开始ie的开发团队和Netscape的开发团队他们对于有一点是共同的就是点击一块区域不仅仅是点击这个区域，他的容器区域也被点击了，但是在具体实现上出现完全相反的做法。ie是事件冒泡，简单点说就是事件沿着DOM树向上传递直到

事件捕获与冒泡

qq_39430589的博客

08-08

422

事件源事件名事件注册事件处理以火灾为例：粤商大酒店201房间发生火灾，119电话报警，南湖区消防支队出警，赶赴现场通过喷火作业成功扑灭或事件源：粤商大酒店201房间事件名：火灾事件注册：事先已经规划好片区，粤商大酒店所属片区归南湖区消防支队来负责事件处理：喷水 10.2常用事件鼠标常用事件：（1）click单击事件 function

JS事件绑定 事件冒泡与捕获事件代理

路漫漫其修远兮，吾将上下而求索。

02-23

1329

知识点事件绑定 事件冒泡 事件代理代码简洁减少浏览器内存占用但是，不要滥用题目编写一个通用的事件监听函数 function bindEvent(elem, type, selector, fn) { if (fn == null) { fn = selector selector = null } elem.ad...

事件冒泡与捕获

qq_46675545的博客

04-27

280

事件冒泡与捕获小白第一次发文，今天晚上做实验时遇到了事件冒泡，想起去年看的事件的冒泡和捕获，今天小小的记录一下两者的差别。事件流？事件流描述的是从页面中接受事件的顺序，但有意思的是，微软（IE）和网景（Netscape）开发团队居然提出了两个截然相反的事件流概念，IE的事件流是事件冒泡流(event bubbling)，而Netscape的事件流是事件捕获流(event capturing)。事件的冒泡？ IE提出的事件流叫做事件冒泡，即事件开始时由最具体的元素接收，然后逐级向上传播到较.

点击事件和捕获与冒泡

weixin_45617334的博客

09-16

379

onmousemove 鼠标移动 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #div1 { width: 300px; height: 300px; background-color: yellowgreen; } </st

android 事件冒泡,Android事件传递分析

weixin_36176546的博客

05-27

272

android系统中的每个ViewGroup的子类都具有下面三个和TouchEvent处理密切相关的方法：1)public boolean dispatchTouchEvent(MotionEvent ev) 这个方法用来分发TouchEvent2)public boolean onInterceptTouchEvent(MotionEvent ev) 这个方法用来拦截TouchEvent3)pu...

JS html事件冒泡和事件捕获操作示例

01-21

今天学习了事件冒泡和捕获，记录一下。 1.冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。我一般用法就是理解为触发事件A, 会触发A的父亲，爷爷，爷爷的父亲…… 代码： &...

JavaScript 事件冒泡应用实例分析

12-01

JavaScript事件冒泡是DOM（文档对象模型）中事件处理的核心机制之一，它描述了事件从最深的DOM节点开始触发，然后逐级向上层节点传播的过程。在大型的Web交互项目，尤其是WebGame中，对事件冒泡的精确控制至关重要，...

js event事件的传递与冒泡处理

10-29

"，这正是事件冒泡的过程。如果要阻止事件继续向上冒泡，可以使用`event.cancelBubble = true;`（IE）或`event.stopPropagation();`（DOM）。这样做可以确保事件只在当前元素上处理，不会影响到父元素的事件处理。...

08-React redux

09-14

redux 相关代码以及 redux 开发者工具

C#中的数据库迁移是如何实现的

09-14

在C#中，数据库迁移是Entity Framework（EF）的一个核心功能，它允许开发者通过代码变更来更新数据库结构。以下是如何在C#中使用Entity Framework实现数据库迁移的详细步骤和代码示例。 Entity Framework的迁移功能为C#开发者提供了一种强大的工具，用于管理和应用数据库架构的变更。通过上述步骤和命令，可以在开发过程中轻松地同步模型和数据库的更改。在实际开发中，应确保在应用迁移之前充分测试，以避免数据丢失或不一致的问题。在C#中，数据库迁移是Entity Framework（EF）的一个核心功能，它允许开发者通过代码变更来更新数据库结构。以下是如何在C#中使用Entity Framework实现数据库迁移的详细步骤和代码示例。 Entity Framework的迁移功能为C#开发者提供了一种强大的工具，用于管理和应用数据库架构的变更。通过上述步骤和命令，可以在开发过程中轻松地同步模型和数据库的更改。在实际开发中，应确保在应用迁移之前充分测试，以避免数据丢失或不一致的问题。

RS485数据收发程序示例

09-14

RS485数据收发程序示例

基于ssm的闲置图书分享平台系统设计与实现.docx

最新发布

09-14

基于ssm的闲置图书分享平台系统设计与实现.docx

C#中的Lambda表达式：简化委托与表达式树

09-14

在C#编程语言中，Lambda表达式提供了一种简洁的方式来表示匿名函数，即没有具体名称的函数。Lambda表达式在C# 3.0中引入，作为.NET Framework的一部分，它们在LINQ（Language Integrated Query）查询中尤其有用，但也可以用于任何需要委托类型的地方。 Lambda表达式是C#中一个非常强大和灵活的特性，它允许以简洁的方式编写匿名函数。Lambda表达式可以用于委托、表达式树、LINQ查询等多种场景。通过使用Lambda表达式，开发者可以编写更加简洁、可读和可维护的代码。理解Lambda表达式的工作原理和使用场景对于编写高效的C#程序至关重要。在C#编程语言中，Lambda表达式提供了一种简洁的方式来表示匿名函数，即没有具体名称的函数。Lambda表达式在C# 3.0中引入，作为.NET Framework的一部分，它们在LINQ（Language Integrated Query）查询中尤其有用，但也可以用于任何需要委托类型的地方。 Lambda表达式是C#中一个非常强大和灵活的特性，它允许以简洁的方式编写匿名函数。Lambda表达式可以

Web实验报告Web实验报告pdf

09-14

设计制作一个《网页设计与制作》精品课程网站二.实验要求: (1)站点目录:要求层次分明，不能将内容都放在站点根目录下;不要使用中文;为每种类型文件都建立一个独立的目录。(例如images文件夹用于存放图象,目录的层次不能没有，但必须尽量少，以便于管理.) (2)填写网站设计报告:必须认真填写网站设计报告中的每一项，完成网站结构的设计说明，包括以下各项内容: 1)网站主题:必须围绕一个确定主题创建网站，否则成绩以不及格计。 2)站点名称:必须为自己的站点命名，名称要紧扣站点主题，并反映在每个网页上。 3)站点根文件夹:以个人学号及姓名命名。 4)文件与文件夹:网站内使用的图片放在images文件夹中,主页以index.htm命名,其它文件夹自已命名,要以有意义的英文字母来命名,不要使用中文,网页文件也要使用有意义的英文来命名。 5)站点结构:分类存放网站中的资源，一律以树型目录结构表示并说明文件夹的用途。 6)站点地图:以结构图方式给出网页的名称和各页面间的超级链接。

PHP仿AS3实现事件机制示例及代码

首先，我们看到作者lonely创建了两个核心类：`Exception_Event`和`Event`。...`Event`类则代表一个事件对象，包含了事件的目标...开发者可以根据需求进一步扩展和完善这个框架，例如添加事件冒泡、捕获、取消等高级功能。