为什么我的ie连dom0事件按钮都触发不了?
为什么我的ie连dom0事件按钮都触发不了?
和这个有关吗,我都点允许了还是没反应。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0; padding:0;}
</style>
</head>
<body>
<div id="box">
<input type="button" value="按钮" id="btn" onclick="showMes()" />
<input type="button" value="按钮2" id="btn2" />
<input type="button" value="按钮3" id="btn3" />
</div>
<script>
function showMes(){
alert('hello!');
}
//DOM0级事件 先建立一个对象,通过对象的属性
var btn2=document.getElementById('btn2');
btn2.onclick=function(){
alert('btn222');
}//btn2.onclick=null;
//DOM2级事件
var btn3=document.getElementById('btn3');
/*btn3.addEventListener('click',showMes,false);//不能on 事件处理的事件名称、事件处理程序的函数
btn3.addEventListener('click',function(){
alert(this.value)
},false);*/
//btn3.removeEventListener('click',showMes,false)
//IE事件
//btn3.attachEvent('onclick',showMes);
//btn3.detachEvent('onclick',showMes);
var eventUtil={
//添加事件
add: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];
}
},
}
eventUtil.add(btn3,'click',showMes);
</script>
</body>
</html>