JS之注册事件兼容性解决方案

本章介绍注册事件兼容性的解决方案

废话不多说,直接上代码:

javascript 复制代码
	function addEventListener(element, eventName, fn) {
		//判断当前浏览器是否支持 addEventListener 方法
		if (element.addEventListener) {
			element.addEventListener(eventName, fn); // 第三个参数 默认是false
		} else if (element.attachEvent) {
			element.attachEvent('on' + eventName, fn);
		} else {
			// 相当于 element.onclick = fn;
			element['on' + eventName] = fn;
		}
	}

兼容性处理的原则: 首先照顾大多数浏览器,再处理特殊浏览器

感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

相关推荐
Lan.W3 小时前
element UI + vue2 + html实现堆叠条形图 - 横向分段器
前端·ui·html
FAQEW3 小时前
若依(RuoYi-Vue)单体架构实战手册:自定义业务模块全流程开发指南
前端·后端·架构·若依二开
神算大模型APi--天枢6463 小时前
合规与高效兼得:国产全栈架构赋能行业大模型定制,从教育到工业的轻量化落地
大数据·前端·人工智能·架构·硬件架构
千寻girling3 小时前
马上元旦节了,手写一个《前端脚手架》庆祝一下 !
前端
嚣张丶小麦兜3 小时前
认识vite
前端·javascript·vue.js
玲小珑4 小时前
请求 ID 跟踪模式:解决异步请求竞态条件
前端
开心_开心急了4 小时前
AI+PySide6实现自定义窗口标题栏目(titleBar)
前端
开心_开心急了4 小时前
Ai加Flutter实现自定义标题栏(appBar)
前端·flutter
布列瑟农的星空4 小时前
SSE与流式传输(Streamable HTTP)
前端·后端
GISer_Jing4 小时前
跨境营销前端AI应用业务领域
前端·人工智能·aigc