<button id="btn">跨浏览器绑定及解绑事件</button>
<script type="text/javascript">
var eventUtil = {
//绑定事件
addHandler:function(element,type,handler){
if(element.addEventListener){
//chrome,firefox,safari,opera,IE9+
element.addEventListener(type,handler);
}else if(element.attachEvent){
//IE8及以下
element.attachEvent("on"+type,handler);
}else{
//其他
element["on"+type] = null;
}
},
//解绑事件
removeHandler:function(element,type,handler){
if(element.removeEventListener){
//chrome,safari,firefox,opera,IE9+
element.removeEventListener(type,handler);
}else if(element.detachEvent){
//IE8及以下
element.detachEvent("on"+type,handler);
}else{
//其他
element["on"+type] = null;
}
}
}
//测试
var btn = document.getElementById("btn");
function handler(){
alert("跨浏览器处理事件");
}
eventUtil.addHandler(btn,"click",handler);
eventUtil.removeHandler(btn,"click",handler);
</script>
跨浏览器绑定及解绑事件
最新推荐文章于 2022-05-25 21:17:09 发布