JavaScript 技巧：深入了解 IE 和 Firefox 下的事件（Event）机制

于 2023-09-25 04:52:56 发布
阅读量150 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript firefox 开发语言 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/TechNovaX/article/details/133261895
js 专栏收录该内容
499 篇文章 ¥59.90 ¥99.00
订阅专栏
本文详细介绍了在IE和Firefox中处理事件的机制差异，包括IE的attachEvent方法与Firefox的addEventListener方法，以及如何通过示例实现跨浏览器的事件绑定，以确保代码兼容性。

在 Web 开发中，处理事件是至关重要的一部分。不同的浏览器对于事件处理的机制可能存在一些差异。本文将详细讨论在 IE 和 Firefox 浏览器中处理事件的注意事项和技巧，并提供相应的 JavaScript 代码示例。

一、IE 中的事件机制

在 IE 浏览器中，事件机制使用了一种称为 “attachEvent” 的方法来绑定事件处理程序。该方法接受两个参数，事件名称和事件处理函数。以下是一个示例，演示如何在 IE 中绑定一个点击事件处理程序：

var element = document.getElementById('myButton');
element.attachEvent(
了解本专栏 订阅专栏 解锁全文
IE和火狐的区别
03-17
NULL 博文链接：https://myzone.iteye.com/blog/474426
IE和Firefox下event事件杂谈
09-05
本文主要探讨了IE和Firefox在处理`event`事件对象时的异同。 在IE4+中，`event`对象作为全局变量，可以直接通过`window.event`访问，用于获取和操作事件信息。而在Firefox和其他遵循W3C标准的浏览器中，`event`对象...
IE和火狐的事件机制有什么区别
weixin_30273501的博客
07-24 409
1、IE的事件流是冒泡流，火狐支持冒泡流和捕获流。 2、阻止事件冒泡：IE---e.cancelBubble = true; 火狐---e.stopPropagation(); 转载于:https://www.cnblogs.com/wuqilang/p/11235360.html...
IE与火狐的事件机制的区别
ZQQD_优快云的博客
10-30 255
"事件冒泡"：事件开始由最具体的元素接受，然后逐级向下传播 "事件捕捉"：事件开始由最不具体的节点先接受，然后逐级向下，一直到最具体的 "DOM事件流"：三个阶段：事件捕捉，目标阶段，事件冒泡 阻止事件冒泡： e.stopPropagation() 旧的ie的方法： ev.canelBubble=true; 事件处理机制：IE是冒泡，firefox同时支持两种事件模型，捕获事件和冒泡型事件 ...
事件是什么？IE 与火狐的事件机制有什么区别？ 如何阻止冒泡？
weixin_47450807的博客
01-22 958
- 1.事件是用户操作网页时发生的交互动作，比如 click/move， 事件除了用户触发的动作外，还可以是文档加载，窗口滚动和大小调整。事件被封装成一个 event 对象，包含了该事件发生时的所有相关信息（ event 的属性）以及可以对事件进行的操作（ event 的方法）。 - 2.事件处理机制：IE 支持事件冒泡、Firefox 同时支持两种事件模型，也就是：事件冒泡和事件捕获。 - 3.event.stopPropagation() 或者 ie 下的方法 event.cancelBubble
什么是事件流？IE 与火狐的事件机制有什么区别？ 如何阻止冒泡？
足各路
03-15 584
1.事件流描述的是从页面中接受事件的顺序，分为冒泡流和捕获流； 2.事件冒泡是指事件从最具体的元素接收，然后逐级向上传播，直到不具体的节点（通常指文档节点）；而事件捕获相反，它是从不具体的节点开始，逐步到最具体的节点； 3.IE的事件流是冒泡流，而火狐同时支持冒泡流和捕获流； 4.阻止事件冒泡：e.stopPropagation()，IE则是使用e.cancelBubble = true； 兼容性...
IE和firefox浏览器的event事件兼容性汇总
09-05
本文将深入探讨IE和Firefox浏览器中event事件的兼容性问题。 1. **event对象的使用** 在IE浏览器中，事件处理函数可以直接访问到全局的`event`对象，而Firefox和其他遵循W3C标准的浏览器则不支持这种全局访问方式...
ie与firefox下的event使用说明与详细区别
12-01
在Web开发中，IE（Internet Explorer）和Firefox作为两种主流的浏览器，它们在处理JavaScript事件时存在一些显著的差异。事件处理是JavaScript交互性的重要组成部分，理解和掌握这些差异对于跨浏览器的开发至关重要...
事件、IE与火狐的事件机制有什么区别？ 如何阻止冒泡？
palette_的博客
05-03 3199
1. 我们在网页中的某个操作（有的操作对应多个事件）。例如：当我们点击一个按钮就会产生一个事件。是可以被 JavaScript 侦测到的行为。   2. 事件处理机制：IE是事件冒泡、火狐是 事件捕获； 3.  ev.stopPropagation();
javascript学习笔记
weixin_34220623的博客
06-16 129
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事件处理与其他浏览器的差异
筱葭的博客
03-05 2241
1、触发事件对象（触发事件的元素被认为是目标target）： （1）IE下，event对象有srcElement属性，但没有target属性。 （2）Firefox下，event对象有target属性，但没有srcElement属性。 （3）Chrome下，event对象同时具有target和srcElement属性。   2、按键码（字符代码）： （1）IE只有keyCode属性。
日常问题记录：火狐浏览器45.0右键点击触发click事件是什么鬼
KentKun的博客
10-13 709
日常问题记录：火狐浏览器45.0右键点击触发click事件是什么鬼 在项目开发过程中，需要实现右键点击弹出菜单，然后使用左键点击任意位置隐藏菜单，本来在高版本浏览器上使用的好好的，突然冒出了个火狐45.0浏览器就出现了问题 $(document).click(function(e){ $('#menu').hide(); }) $('#btn').mousedown(function(e){ e = e || window.event; if (e.button == 2) { $('#menu'
关于火狐(firefox)及ie下event获取的两种方法
liyanlei的专栏
10-09 647
经常有同事问我在火狐浏览器怎么获取event的方法，大多是想获取event.keyCode的功能,接下来为您介绍两种实现方法，需要了解的朋友可以参考下
ie事件机制和火狐事件机制
sinat_32067081的博客
03-28 4130
事件机制 事件冒泡：事件从当前元素对象触发，然后向上层元素搜索相同对象事件并触发（直搜到document节点）。IE事件默认都只这种类型的事件。 事件捕获：从document节点开始搜索事件，然后向下层搜索相同对象事件并触发，直到当前元素节点 阻止事件冒泡的方法 ie支持事件冒泡 火狐支持 捕获和冒泡两种 w3c支持 e.stopPropagation()，IE则是使用e.cancelB
FireFox获取触发事件的元素
installing的博客
05-28 2166
Firefox与window.event兼容问题有问题，FireFox下用window.event来进行相应操作时，会显示window.event is undefined，而IE、Chrome等其他浏览器不会出现问题。解决方案：  以简单代码为例：<button onclick="f(event)">测试</button>function f(evt) {     e =...
解决火狐不能兼容某些事件的方法
XinYe666666的博客
06-28 1558
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #tet{ width: 2
Firefox不支持event解决方法
热门推荐
jeff's blog
08-23 3万+
//火狐上的用调试的小问题。alert();的使用 alert();当里面没有参数时会在火狐中无法运行，IE可以。 alert('');有参数火狐才会执行，在火狐调试时要特别注意。 ----------------------------------------------
JS获取事件的源对象
weixin_33725270的博客
01-09 325
event.srcElement event.srcElement.id ================================================================================ 在IE下，event对象有srcElement属性，但是没有target属性；Firefox下，even对象...
Ie 与 firefox 获得 Event事件的区别.
liuhaixiao
10-17 740
在ie中: 通过下面代码就可以得到event function testEvent(){    var event = window.event. } 在firefox中: 通过调用方法的时候传递的第一个参数判断. function testEvent(evt){ var event  = evt; } 以下方法为Ie/firefox中通用的得到事件源的 ndexDiv.onclick = fu...
浏览器兼容性探讨：IE与Firefox的event事件处理
"这篇文章主要探讨了IE和Firefox浏览器在处理event事件时的兼容性问题，以及如何编写兼容两种浏览器的代码。" 在Web开发中，尤其是在JavaScript脚本编写过程中，浏览器兼容性是一个重要的考虑因素。IE（Internet ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值