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;
		}
	}

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

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

相关推荐
flypwn38 分钟前
TFCCTF 2025 WebLess题解
服务器·前端·数据库
b***748839 分钟前
前端CSS预处理器对比,Sass与Less
前端·css·sass
lsp程序员0103 小时前
使用 Web Workers 提升前端性能:让 JavaScript 不再阻塞 UI
java·前端·javascript·ui
J***Q2924 小时前
前端路由,React Router
前端·react.js·前端框架
1***81534 小时前
前端路由参数传递,React与Vue实现
前端·vue.js·react.js
q***13614 小时前
十七:Spring Boot依赖 (2)-- spring-boot-starter-web 依赖详解
前端·spring boot·后端
xixixi777775 小时前
了解一下Sentry(一个开源的实时错误监控平台)
前端·安全·开源·安全威胁分析·监控·sentry
Keely402856 小时前
学习编写chrome插件:Hello World 扩展
前端·chrome
hhcccchh6 小时前
学习vue第三天 Vue 前端项目结构的说明
前端·vue.js·学习