兼容所有浏览器的实践封装函数
/*
*将添加事件的兼容封装到一个函数中
*param {Element} dom 添加事件的节点
#param {String} type 事件类型 如:'click'
*param {Function} fn 事件触发的函数
*/
function addEvent(dom,type,fn) {
if(document.addEventListener) {
dom.addEventListener(type,fn,false)
} else if (document.attachEvent) {//IE事件
dom.attachEvent('on' + type,fn)
} else {//所有浏览器支持
dom['on' + type] = fn;
}
}
其写法真实步骤
// 兼容所有的浏览器
var add = document.getElementById('add'),
del = document.getElementById('del');
addEvent(add,'click',function() {
console.log('兼容所有浏览器的事件');
});
/* if(document.addEventListener) {
add.addEventListener('click',function() {
console.log('支持的addEventListenner的浏览器:现代浏览器:Chrome firfox Safari');
},false)
} else if (document.attachEvent) {//IE事件
add.attachEvent('onclick',function() {
console.log('高版本的IE浏览器');
})
} else {//所有浏览器支持
add['on'+'click'] =function() {
console.log('低版本的IE浏览器');
}
} */