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

已于 2022-01-23 16:27:52 修改
阅读量844 收藏 4
点赞数 1
分类专栏： js面试题 文章标签： javascript 前端 浏览器 事件
于 2022-01-22 23:54:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47450807/article/details/122646061
版权

一、事件

事件是用户操作网页时发生的交互动作，比如click/move,事件除了用户触发的动作
外，还可以是文档加载，窗口滚动和大小调整，事件被封装成一个event对象，包含
了该实际发生是的所有相关信息(event的属性)以及可以对事件进行的操作（event的方法）

二、IE和火狐的事件处理机制不同

IE只支持事件冒泡，但是火狐不仅支持事件冒泡还支持事件捕获。

三、如何阻止事件冒泡

在DOM事件模型中使用 event.stopPropagation()
在IE事件模型中使用 event.cancelBubble = true
卖菜的小白
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
兼容IE与firefox火狐的回车事件(js与jquery)
01-19
javascript 兼容IE与firefox火狐的回车事件 代码如下: [removed] function keypress(e) { var currKey=0,e=e||event; if(e.keyCode==13)document.myform.submit(); } [removed]=keypress; [removed] 代码如下:...
IE和火狐的事件机制有什么区别？如何阻止冒泡？
kaixuanweb的博客
10-25 4811
1.事件流描述的是从页面中接受事件的顺序，分为冒泡流和捕获流； 2.事件冒泡是指事件从最具体的元素接收，然后逐级向上传播，直到不具体的节点（通常指文档节点）；而事件捕获相反，它是从不具体的节点开始，逐步到最具体的节点； 3.IE的事件流是冒泡流，而火狐同时支持冒泡流和捕获流； 4.阻止事件冒泡：e.stopPropagation()，IE则是使用e.cancelBubble = true；
IE与火狐的事件机制有什么区别？如何阻止冒泡？
最新发布
shrfgbfg的博客
01-07 380
IE只事件冒泡，不支持事件捕获；火狐同时支持事件冒泡和事件捕获。
什么是事件流？IE 与火狐的事件机制有什么区别？ 如何阻止冒泡？
足各路
03-15 494
1.事件流描述的是从页面中接受事件的顺序，分为冒泡流和捕获流； 2.事件冒泡是指事件从最具体的元素接收，然后逐级向上传播，直到不具体的节点（通常指文档节点）；而事件捕获相反，它是从不具体的节点开始，逐步到最具体的节点； 3.IE的事件流是冒泡流，而火狐同时支持冒泡流和捕获流； 4.阻止事件冒泡：e.stopPropagation()，IE则是使用e.cancelBubble = true； 兼容性...
ie事件机制和火狐事件机制
sinat_32067081的博客
03-28 4030
事件机制 事件冒泡：事件从当前元素对象触发，然后向上层元素搜索相同对象事件并触发（直搜到document节点）。IE事件默认都只这种类型的事件。 事件捕获：从document节点开始搜索事件，然后向下层搜索相同对象事件并触发，直到当前元素节点 阻止事件冒泡的方法 ie支持事件冒泡 火狐支持 捕获和冒泡两种 w3c支持 e.stopPropagation()，IE则是使用e.cancelB
IE与火狐的事件机制的区别
ZQQD_CSDN的博客
10-30 181
"事件冒泡"：事件开始由最具体的元素接受，然后逐级向下传播 "事件捕捉"：事件开始由最不具体的节点先接受，然后逐级向下，一直到最具体的 "DOM事件流"：三个阶段：事件捕捉，目标阶段，事件冒泡 阻止事件冒泡： e.stopPropagation() 旧的ie的方法： ev.canelBubble=true; 事件处理机制：IE是冒泡，firefox同时支持两种事件模型，捕获事件和冒泡型事件 ...
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
10-28
原来是由于IE浏览器以及Firefox对于冒泡型事件的支持层次不同造成的。（如对冒泡事件不是很了解可先查询相关资料）
IE和firefox浏览器的event事件兼容性汇总
12-09
1，关于event的用法 存在问题：IE中可以直接使用event对象，但是Mozilla不可以直接使用。 例如: <input type=”button” value=”clickMe” nclick=”doIt()”> [removed]  function doIt(){   alert(...
谷歌Chrome，火狐Fire fox、IE阻止事件冒泡的兼容方法 -- sanai
肖明伟 的博客
05-12 7638
兼容谷歌、火狐、IE的阻止事件冒泡的兼容方法。
兼容火狐阻止事件冒泡
qq_36637705的博客
07-04 1419
前言 在开发前端的时候会有div套div，且内外div都绑定的Click事件，这时点击内部div就会触发外部div的事件，禁止事件冒泡，总结记录方法。 具体内容 1.正常将event参数写上，利用event.stopPropagation()可以实现。 $("#div1").click(function(event){ event.stopPropagation(); }); ...
IE和火狐的区别
03-17
NULL 博文链接：https://myzone.iteye.com/blog/474426
事件、IE与火狐的事件机制有什么区别？ 如何阻止冒泡？
palette_的博客
05-03 3113
1. 我们在网页中的某个操作（有的操作对应多个事件）。例如：当我们点击一个按钮就会产生一个事件。是可以被 JavaScript 侦测到的行为。   2. 事件处理机制：IE是事件冒泡、火狐是 事件捕获； 3.  ev.stopPropagation();
IE和火狐的事件机制有什么区别
weixin_30273501的博客
07-24 354
1、IE的事件流是冒泡流，火狐支持冒泡流和捕获流。 2、阻止事件冒泡：IE---e.cancelBubble = true; 火狐---e.stopPropagation(); 转载于:https://www.cnblogs.com/wuqilang/p/11235360.html...
javascript学习笔记
weixin_34220623的博客
06-16 70
1、=== 运算符  比较的是两个对象的值和类型相对应的是 !==。 例： var i = 0; var j = '0'; i ==j // true i === j // false 2、事件 &lt;div id='test'&gt; &lt;button id="btn"/&gt;　　&lt;a href="www.baidu.com" id="b...
阻止事件冒泡兼容chrome 和 火狐
u_ndefine_d的博客
12-02 289
阻止事件冒泡小记
阻止浏览器冒泡事件，兼容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){
3.26前端面试题总结
weixin_33717117的博客
03-26 84
今天十道笔试，一个小时，然后面试五题。 1.CSS中可以继承的属性。 font-size、font-family、color、cursor、list-style。 2.画两条直角边距均为16px，背景色为#dadada的直角三角形。（可参考技术，HTML，css,svg） <!DOCTYPE html> <html lang="en"> <he...
DOM事件模型总结
Ant Ren的专栏
05-29 1682
在浏览器解析事件的时候，有两种触发方式，一种叫做Bubbling(冒泡)，另外一种叫做Capturing(捕获)。由上图可以看出来，冒泡的方式效果就是当一个DOM元素的某事件例如click事件被fire时，依次它的父元素的click事件也被fire(触发)，一直传递到最顶层的body元素为止。而捕获的触发方式正好相反，当某个元素的click事件被触发时，先从最顶层的body元素click事件被触发
IE与火狐的事件机制有什么区别？
06-09
IE和Firefox在事件机制上存在一些差异： 1. 事件绑定方式不同：在IE中，事件绑定是通过attachEvent方法实现的，而在Firefox中，事件绑定是通过addEventListener方法实现的。 2. 事件对象属性不同：在IE中，事件对象是通过window.event来获取的，而在Firefox中，事件对象是通过事件处理函数的第一个参数来获取的。此外，IE的事件对象有srcElement属性，而Firefox的事件对象有target属性。 3. 事件类型命名不同：IE中的事件类型以“on”开头，如onclick、onkeydown等；而Firefox中的事件类型不以“on”开头，如click、keydown等。 4. 事件冒泡机制不同：在IE中，事件冒泡是默认的，可以通过event.cancelBubble属性来阻止冒泡；而在Firefox中，事件冒泡是默认的，可以通过事件对象的stopPropagation方法来阻止冒泡。 需要注意的是，随着浏览器标准的统一，这些差异正在逐渐消失，现代浏览器大多支持标准的事件机制，同时也支持IE的事件机制，以保证向后兼容。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值