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

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

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

相关推荐
HYCS1 分钟前
用pixi.js实现fabric.js(六):从线性代数的角度理解编辑器交互
前端·javascript·canvas
卷帘依旧12 分钟前
H5新特性
html
卷帘依旧22 分钟前
useImperativeHandle的作用
前端
卷帘依旧29 分钟前
Hooks在Fiber上的存储原理
前端
you458032 分钟前
学成在线--day02 CMS前端开发(含Vue基础知识得回顾)
前端·javascript·vue.js
想吃火锅100536 分钟前
【leetcode】1.两数之和js版
javascript·算法·leetcode
xiaofeichaichai39 分钟前
虚拟 DOM
前端·javascript·vue.js
#麻辣小龙虾#40 分钟前
小学三年级语文小游戏
css·html·css3
2401_8784545343 分钟前
前端高频得手写题
前端
初一初十1 小时前
vue3实现的纯前端护肤品商城网站
前端·javascript·vue.js·前端框架