<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>跨浏览器处理事件</title>
</head>
<body>
<input type="button" id="btn1" name="" value="哈哈">
<script type="text/javascript">
function message(event){
// alert('hahha');
alert(event.type);
event.stopPropagation();//阻止事件冒泡
}
// 跨浏览器事件处理程序
var eventUtil={
addHandler:function(element,type,handler){
if(element.addEventListener){
element.addEventListener(type,handler,false);
}
else if(element.attachEvent){
element.attachEvent('on'+type,handler);
}
else{
element['on'+type]=handler;
}
},
removeHandler:function(element,type,handler){
if(element.removeEventListener){
element.removeEventListener(type,handler,false);
}
else if(element.detachEvent){
element.detachEvent('on'+type,handler);
}
else{
element['on'+type]=null;
}
}
}
eventUtil.addHandler(btn1,'click',message);
</script>
</body>
</html>
可以用该代码测试,在ie,Google,Firefox下可正常运行弹窗!
如何跨浏览器处理事件【兼容各大浏览器包括ie】
最新推荐文章于 2020-02-24 14:52:54 发布