JavaScript 兼容 IE 与 Firefox 的事件处理函数

作者:半夏

时间:2026-10-23

浏览:93

本文提供了在 Internet Explorer 与 Firefox 浏览器中实现跨兼容的事件处理方案。主要包含两个核心函数:一是通过判断 addEventListener 与 attachEvent 方法的存在性来统一添加事件监听器;二是通过 window.event 及 srcElement/target 属性获取事件触发源元素,确保在不同浏览器环境下代码逻辑的一致性。

文章目录

统一添加事件监听器

注册事件监听器:


实现代码如下:

//例如调用addListener(document,"click",function(){alert('阿会楠')})
function addListener(element,e,fn){
if(element.addEventListener){
element.addEventListener(e,fn,false);
} else {
element.attachEvent("on" + e,fn);
} 
} 

获取事件触发源元素

提取触发源元素:


实现代码如下:

function(evt){
var evt = window.event?window.event:evt,target=evt.srcElement||evt.target;}

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章