浏览器兼容绑定事件处理

标签：

//addEventListener 主流浏览器绑定事件
//attachEvent  IE浏览器绑定事件

//obj执行事件的元素对象

tp 函数类型 click等

fn函数处理事件

//addHandler是兼容事件绑定的函数名称
function addHandler(obj,tp,fn){
//判断浏览器类型
//查看obj对象本身有何属性,即可判断浏览器类型
if(obj.addEventListener){
//主流浏览器
obj.addEventListener(tp,fn,false);
} else if (obj.attachEvent){
//IE浏览器
obj.attachEvent("on"+tp,fn);
} else {
obj["on"+tp] = fn;
}
}
function removeHandler(obj,tp,fn){
if(obj.removeEventListener){
//主流浏览器
obj.removeEventListener(tp,fn,false);
} else if (obj.detachEvent){
//IE浏览器
obj.detachEvent("on"+tp,fn);
} else {
obj["on"+tp] = null;
}
}

<script>

function f1(){
alert(‘haha‘);
}

var it = document.getElementsByTagName(‘input‘)[0];
addHandler(it,‘click‘,f1);

</script>

浏览器兼容绑定事件处理

标签：

原文地址：http://www.cnblogs.com/moyuxuan/p/5090847.html