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

最新推荐文章于 2022-01-22 23:54:56 发布
转载 最新推荐文章于 2022-01-22 23:54:56 发布 · 3.1k 阅读 · 1

本文介绍了网页中的事件概念及其处理机制，包括点击等操作产生的事件如何被JavaScript侦测，以及不同浏览器如IE和火狐中事件处理的区别，即事件冒泡与事件捕获的过程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >



1. 我们在网页中的某个操作（有的操作对应多个事件）。例如：当我们点击一个按钮就会产生一个事件。是可以被 JavaScript 侦测到的行为。  
2. 事件处理机制：IE是事件冒泡、火狐是 事件捕获；
3.  ev.stopPropagation();
palette_
关注
JavaScript 技巧：深入了解 IE 和 Firefox 下的事件（Event）机制
TechNovaX的博客
09-25 134
请记住，在实际开发中，还可能遇到其他浏览器的特殊行为和差异，因此对于特定的需求，可能需要进一步的研究和调整代码。因此，在事件处理函数中，无法直接访问事件目标（即触发事件的元素）。在 IE 浏览器中，事件机制使用了一种称为 “attachEvent” 的方法来绑定事件处理程序。与 IE 不同，Firefox 使用的是标准的事件机制，即使用 “addEventListener” 方法来绑定事件处理程序。在 Firefox 中，事件对象作为参数传递给事件处理函数，因此可以直接通过参数来访问事件相关的信息。
Javascript中事件，事件流以及阻止事件冒泡的详解
weixin_44465584的博客
03-07 672
1.什么事件？什么是事件流 ？事件流的出现? 一.什么是事件？ 事件是文档或者浏览器窗口中发生的，特定的交互瞬间。 事件是用户或浏览器自身执行的某种动作，如click,load和mouseover都是事件的名字。 事件是javaScript和DOM之间交互的桥梁。你若触发，我便执行——事件发生，调用它的处理函数执行相应的 JavaScript代码给出响应。典型的例子有：页面加载完毕触发...
javascript学习笔记
weixin_34220623的博客
06-16 118
1、=== 运算符  比较的是两个对象的值和类型相对应的是 !==。 例： var i = 0; var j = '0'; i ==j // true i === j // false 2、事件 <div id='test'> <button id="btn"/>　　<a href="www.baidu.com" id="b...
IE和火狐的事件机制有什么区别？如何阻止冒泡？
kaixuanweb的博客
10-25 4904
1.事件流描述的是从页面中接受事件的顺序，分为冒泡流和捕获流； 2.事件冒泡是指事件从最具体的元素接收，然后逐级向上传播，直到不具体的节点（通常指文档节点）；而事件捕获相反，它是从不具体的节点开始，逐步到最具体的节点； 3.IE的事件流是冒泡流，而火狐同时支持冒泡流和捕获流； 4.阻止事件冒泡：e.stopPropagation()，IE则是使用e.cancelBubble = true；
IE与火狐的事件机制的区别
ZQQD_优快云的博客
10-30 243
"事件冒泡"：事件开始由最具体的元素接受，然后逐级向下传播 "事件捕捉"：事件开始由最不具体的节点先接受，然后逐级向下，一直到最具体的 "DOM事件流"：三个阶段：事件捕捉，目标阶段，事件冒泡 阻止事件冒泡： e.stopPropagation() 旧的ie的方法： ev.canelBubble=true; 事件处理机制：IE是冒泡，firefox同时支持两种事件模型，捕获事件和冒泡型事件 ...
IE与火狐下兼容（阻止冒泡事件）
liyanlei的专栏
09-17 805
IE与火狐下兼容（阻止冒泡事件）   绝对好用，亲自测试过 function stopEvent(){ //阻止冒泡事件  //取消事件冒泡  var e=arguments.callee.caller.arguments[0]||event; //若省略此句，下面的e改为event，IE运行可以，但是其他浏览器就不兼容  if (e && e.stopPr
IE与火狐的事件机制有什么区别？
06-09
IE和Firefox在事件机制上存在一些差异： 1. 事件绑定方式不同：在IE中，事件绑定是通过attachEvent方法实现的，而在Firefox中，事件绑定是通过addEventListener方法实现的。 2. 事件对象属性不同：在IE中，事件对象...
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浏览器独有的方法，它可以阻止事件冒泡传递。该...
IE中如何阻止冒泡
miketom155的专栏
12-09 906
IE中如何阻止冒泡 阅读：1204 次   编辑日期：2014-04-09 目录： 1IE中如何阻止冒泡 概述： 前一段时间讲过如何阻止冒泡，但是说的不充分，因为冒泡也有兼容性问题，没错IE的兼容性，IE真是不甘寂寞啊，哈哈，今天说说如何使IE也阻止冒泡。 在阅读本片文章之前，建议先阅读 《理解冒泡与捕获》 《如何阻止冒泡》
兼容ie的阻止冒泡事件（例如右键菜单等）
daily886的博客
10-31 1941
// e.stopPropagation(); //ie不兼容 //以下是兼容写法 e=window.event||e; if(document.all){ //只有ie识别 e.cancelBubble=true; }else{ e.stopPropagation(); }// e.preventDefault(); //ie不兼容if(e && e.preventDefaul
IE浏览器的事件冒泡机制
iteye_5722的博客
04-19 332
一 介绍 1、当浏览者在页面上执行了某个动作，页面上实际上有多个元素可以响应该事件，假如单机页面的某个按钮，该按钮又处于<div>元素之内，则实际上用户既单机了该按钮，也单击了<div>元素。 2、IE中的事件传递方向是从事件发生的对象开始，然后依次向该对象所在的父节点传递。这种传递方式是从下向上传递的，因此这种事件的传递机制又称为冒泡。 3、下面应用说明了这种机制...
事件是什么？IE 与火狐的事件机制有什么区别？ 如何阻止冒泡？
weixin_47450807的博客
01-22 944
- 1.事件是用户操作网页时发生的交互动作，比如 click/move， 事件除了用户触发的动作外，还可以是文档加载，窗口滚动和大小调整。事件被封装成一个 event 对象，包含了该事件发生时的所有相关信息（ event 的属性）以及可以对事件进行的操作（ event 的方法）。 - 2.事件处理机制：IE 支持事件冒泡、Firefox 同时支持两种事件模型，也就是：事件冒泡和事件捕获。 - 3.event.stopPropagation() 或者 ie 下的方法 event.cancelBubble
什么是事件流？IE 与火狐的事件机制有什么区别？ 如何阻止冒泡？
足各路
03-15 571
1.事件流描述的是从页面中接受事件的顺序，分为冒泡流和捕获流； 2.事件冒泡是指事件从最具体的元素接收，然后逐级向上传播，直到不具体的节点（通常指文档节点）；而事件捕获相反，它是从不具体的节点开始，逐步到最具体的节点； 3.IE的事件流是冒泡流，而火狐同时支持冒泡流和捕获流； 4.阻止事件冒泡：e.stopPropagation()，IE则是使用e.cancelBubble = true； 兼容性...
ie事件机制和火狐事件机制
sinat_32067081的博客
03-28 4117
事件机制 事件冒泡：事件从当前元素对象触发，然后向上层元素搜索相同对象事件并触发（直搜到document节点）。IE事件默认都只这种类型的事件。 事件捕获：从document节点开始搜索事件，然后向下层搜索相同对象事件并触发，直到当前元素节点 阻止事件冒泡的方法 ie支持事件冒泡 火狐支持 捕获和冒泡两种 w3c支持 e.stopPropagation()，IE则是使用e.cancelB
谷歌Chrome，火狐Fire fox、IE阻止事件冒泡的兼容方法 -- sanai
肖明伟 的博客
05-12 7787
兼容谷歌、火狐、IE的阻止事件冒泡的兼容方法。
DOM事件的三个阶段及阻止事件冒泡
weixin_42442123的博客
11-06 1120
事件的三个阶段 捕获阶段 当前目标阶段 冒泡阶段 JS中注册事件的三种方式： onclick只有事件冒泡， attachEvent只有两个参数， 只有事件冒泡， addEventListener三个参数，最后一个参数默认false为事件冒泡，true为事件捕获。所以demo用的addEventListener这个方式 事件冒泡 html部分 <div id="box1" style=...
阻止浏览器冒泡事件，兼容firefox和ie
热门推荐
清山博客
09-19 1万+
//得到事件 function getEvent(){      if(window.event)    {return window.event;}      func=getEvent.caller;      while(func!=null){          var arg0=func.arguments[0];          if(arg0){
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值