您的位置：首页 > 其它

跨浏览器解决事件处理程序兼容问题

2016-01-26 21:26 537 查看

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>跨浏览器解决事件处理程序兼容问题</title>
</head>
<body>
<div>
<input type="button" value="btn" id="btn" />
</div>
<script type="text/javascript">
var btn=document.getElementById('btn');
function showMessage(){
alert("hello world!");
}
var eventUtil={

addHandler:function(element,event,handler){   //DOM2级事件处理程序
if(element.addEventListener)
element.addEventListener(event,handler,false);
else if(element.attachEvent)              //IE事件处理程序
element.attachEvent('on'+event,handler);
else                                      //DOM0级事件处理程序
element['on'+event]=handle;
},

removeHandler:function(element,event,handler){
if(element.removeEventListener)			  //DOM2级事件处理程序
element.removeEventListener(event,handler,false);
else if(element.detachEvent)              //IE事件处理程序
element.detachEvent('on'+event,handler);
else                                      //DOM0级事件处理程序
element['on'+event]=null;
}
}
eventUtil.addHandler(btn,'click',showMessage);
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航