兼容性处理的原则:首先照顾大多数浏览器,再处理特殊浏览器
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
}
}