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

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

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

相关推荐
SuperEugene5 分钟前
前端空值处理规范:Vue 实战避坑,可选链、?? 兜底写法|项目规范篇
前端·javascript·vue.js
前端百草阁5 分钟前
Vue3 Diff 算法详解
前端·javascript·vue.js·算法·前端框架
im_AMBER6 分钟前
前后端对接: ESM配置与React Router
前端·javascript·学习·react.js·性能优化·前端框架·ecmascript
学且思8 分钟前
使用import.meta.url实现传递路径动态加载资源
前端·javascript·vue.js
problc10 分钟前
OpenClaw 的前端用的React还是Vue?
前端·vue.js·react.js
冰暮流星14 分钟前
javascript里面的return语句讲解
开发语言·前端·javascript
步步为营DotNet18 分钟前
使用.NET 11的Native AOT提升应用性能
java·前端·.net
Never_Satisfied18 分钟前
在JavaScript / HTML中,监听鼠标滚动事件
javascript·html·计算机外设
左耳咚20 分钟前
Claude Code 记忆系统与 CLAUDE.md
前端·人工智能·claude
予你@。21 分钟前
Vue 实现:点击按钮将 HTML 导出为图片(完整教程)
javascript·vue.js·html