什么是事件流？IE 与火狐的事件机制有什么区别？ 如何阻止冒泡？

最新推荐文章于 2021-03-31 00:28:53 发布
最新推荐文章于 2021-03-31 00:28:53 发布
阅读量502 收藏 1
点赞数
分类专栏： 前端 JavaScript 文章标签： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44388523/article/details/88573736
版权

1.事件流描述的是从页面中接受事件的顺序，分为冒泡流和捕获流；

2.事件冒泡是指事件从最具体的元素接收，然后逐级向上传播，直到不具体的节点（通常指文档节点）；而事件捕获相反，它是从不具体的节点开始，逐步到最具体的节点；

3.IE的事件流是冒泡流，而火狐同时支持冒泡流和捕获流；

4.阻止事件冒泡：e.stopPropagation()，IE则是使用e.cancelBubble = true；
兼容性写法：

e?e.stopPropagation():cancelBubble=true
足各路
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
事件是什么？IE 与火狐的事件机制有什么区别？ 如何阻止冒泡？
weixin_47450807的博客
01-22 857
- 1.事件是用户操作网页时发生的交互动作，比如 click/move， 事件除了用户触发的动作外，还可以是文档加载，窗口滚动和大小调整。事件被封装成一个 event 对象，包含了该事件发生时的所有相关信息（ event 的属性）以及可以对事件进行的操作（ event 的方法）。 - 2.事件处理机制：IE 支持事件冒泡、Firefox 同时支持两种事件模型，也就是：事件冒泡和事件捕获。 - 3.event.stopPropagation() 或者 ie 下的方法 event.cancelBubble
浏览器知识点整理（二）事件机制
web_ding的博客
06-21 249
认识Dom （Document Object Model），W3C 制定的标准接口规范，是一种处理 HTML 和 XML 文件的标准 API。它把文档作为一个树形结构，树的每个结点表示了一个 HTML 标签或标签内的文本项
火狐浏览器获取event
06-30 5640
由于各种浏览器对js文件的解析不同，加上各种浏览器的内核不一样，以及内核版本也不一样，所以获取event的方式也不一样。 使用原始的方式获取event是 这样的： document.body.onclick=function(e){ e=e||window.event; }; 实际上大家会想为什么要重新赋值，这是因为event是瞬间有效，所以要进行保存。 这中方式可以实现，但是要保证传
IE和火狐的事件机制有什么区别？如何阻止冒泡？
kaixuanweb的博客
10-25 4825
1.事件流描述的是从页面中接受事件的顺序，分为冒泡流和捕获流； 2.事件冒泡是指事件从最具体的元素接收，然后逐级向上传播，直到不具体的节点（通常指文档节点）；而事件捕获相反，它是从不具体的节点开始，逐步到最具体的节点； 3.IE的事件流是冒泡流，而火狐同时支持冒泡流和捕获流； 4.阻止事件冒泡：e.stopPropagation()，IE则是使用e.cancelBubble = true；
事件、IE与火狐的事件机制有什么区别？ 如何阻止冒泡？
palette_的博客
05-03 3121
1. 我们在网页中的某个操作（有的操作对应多个事件）。例如：当我们点击一个按钮就会产生一个事件。是可以被 JavaScript 侦测到的行为。   2. 事件处理机制：IE是事件冒泡、火狐是 事件捕获； 3.  ev.stopPropagation();
JavaScript阻止事件冒泡示例分享
10-24
1. 使用`event.stopPropagation()`方法：这是W3C标准的方法，适用于Firefox、Chrome、Safari、Opera等非IE浏览器。调用此方法后，事件将不会继续向上冒泡，事件处理程序会立即停止，后续的父级元素上的事件处理程序...
Javascript Event（事件）的传播与冒泡
11-27
在标准浏览器（如Chrome, Safari, Opera, Firefox）和IE9及更高版本中，事件传播同时支持捕获和冒泡。而在IE8及以下版本，只支持冒泡。为了处理事件，有以下两种方式： - **addEventListener()**：这是W3C标准的...
阻止JavaScript事件冒泡传递（cancelBubble 、stopPropagation）
10-30
然而，有时候我们需要阻止这种事件冒泡传递，以避免某些不必要的事件处理。为此，JavaScript提供了两个方法：cancelBubble和stopPropagation。 cancelBubble方法是IE浏览器独有的方法，它可以阻止事件冒泡传递。该...
JS冒泡事件的快速解决方法
10-26
JavaScript中的冒泡事件是事件处理中的一个关键概念，它源于事件在DOM（文档对象模型）层级中的传播...熟练掌握事件冒泡和阻止冒泡，能够帮助开发者更高效地管理事件处理，避免不必要的事件触发，从而优化用户体验。
深入理解JS DOM事件机制
11-27
然而，在DOM2级事件规范中，目标元素在捕获阶段不会接收到事件，但在某些浏览器中，如Safari、Chrome、Firefox和Opera 9.5及以上版本，目标元素在捕获阶段也会触发事件处理程序。 4. 阻止事件冒泡： 在某些情况下...
IE和火狐的区别
03-17
NULL 博文链接：https://myzone.iteye.com/blog/474426
ie事件机制和火狐事件机制
sinat_32067081的博客
03-28 4040
事件机制 事件冒泡：事件从当前元素对象触发，然后向上层元素搜索相同对象事件并触发（直搜到document节点）。IE事件默认都只这种类型的事件。 事件捕获：从document节点开始搜索事件，然后向下层搜索相同对象事件并触发，直到当前元素节点 阻止事件冒泡的方法 ie支持事件冒泡 火狐支持 捕获和冒泡两种 w3c支持 e.stopPropagation()，IE则是使用e.cancelB
浅谈IE事件处理与其他浏览器的差异
筱葭的博客
03-05 2130
1、触发事件对象（触发事件的元素被认为是目标target）： （1）IE下，event对象有srcElement属性，但没有target属性。 （2）Firefox下，event对象有target属性，但没有srcElement属性。 （3）Chrome下，event对象同时具有target和srcElement属性。   2、按键码（字符代码）： （1）IE只有keyCode属性。
深入理解浏览器的事件机制
公众号：前端充电宝
03-31 827
目录1. 事件模型2. 事件循环（1）单线程的JavaScript（2）浏览器的Event Loop（3）宏任务、微任务（4）Node的Event Loop（5）什么是调用栈3. 事件委托（事件代理）（1）事件委托的原理（2）事件委托的优点（3）事件委托的缺点（4）事件委托的使用场景 1. 事件模型 事件流总共有三个阶段（IE8及以下版本没有阶段）： 捕获阶段：图中1-5 目标阶段：图中5-6 冒泡阶段：图中6-10 （1）捕获事件流：就是事件由页面元素接收，逐级向下，传播到最具体的位置 （2）冒泡事
js事件机制
sinat_20894673的博客
03-10 5203
事件 事件流：分为捕获阶段、处于目标阶段、冒泡阶段三个阶段 事件冒泡：从触发的对象开始，事件不断往上传递。 事件捕获：从dom树一直向下传递事件直到捕获为止。 事件绑定类型 dom0：通过element对象调用对应的事件属性绑定特定的事件，事件会在事件冒泡阶段被捕获。 let btn = document.getElementById("myBtn"); btn.onclick = fun...
事件event参数，火狐与ie的区别
Tizzy_Joel的专栏
02-03 557
火狐： someElement.onclick=function(evt){          //evt 事件对象，需传。event为undefind } chrome,safri: someElement.onclick=function(evt){          //event==evt 为true ,博大的webkit，哈哈。 } ie: some
JS事件详解(一) —— 事件流
bingo_wangbingxin的博客
01-22 791
JavaScript与HTML之间的交互是通过事件实现的，而用户与浏览器页面的互动也是通过事件来实现的 事件就是文档或浏览器窗口中发生的一些特定的交互瞬间，所以分为两种事件，一是发生在浏览器对象（BOM）上的事件，一是发生在文档对象（DOM）上的事件 事件流 当页面中放了一个按钮，你用鼠标点击这个按钮的，虽然你只是点击了这个按钮，但其实你也同时点击了这个按钮的所有父级元素 事件流描述的
javascript中的事件捕获机制，深入理解并区别IE和DOM中的事件模型
liwusen的博客
03-03 1678
什么是事件捕获，什么是事件冒泡，对于JS高级程序设计一书中的某一章节，自己的理解记录！~
金山办公2020校招前端开发工程师笔试题
edison lee的博客
03-03 551
每天看看面试题，巩固知识，冲鸭 一 、写出如下代码的执行结果 考察了 promise，以及任务处理顺序。promise值得单写一篇文章，这里不过多赘述。 new Promise((resolve) => { console.log('1') resolve() console.log('2') }).then(() => { console.log('3') }) s...
IE与火狐的事件机制有什么区别？
最新发布
06-09
IE和Firefox在事件机制上存在一些差异： 1. 事件绑定方式不同：在IE中，事件绑定是通过attachEvent方法实现的，而在Firefox中，事件绑定是通过addEventListener方法实现的。 2. 事件对象属性不同：在IE中，事件对象...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值