在各个浏览器点击按钮都没有反应
<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
<title>跨浏览器解决</title>
</head>
<body>
<div id="box">
<input type="button" value="按钮1" id="btn1" onclick="showmes()"></input>
<input type="button" value="按钮2" id="btn2"></input>
<input type="button" value="按钮3" id="btn3"></input>
</div>
<script type="text/javascript">
//HTML事件处理程序
function showmes() {
alert("好好学习");
};
//DOM0级事件处理程序
var btn2=document.getElementById("btn2");
var btn3=document.getElementById("btn3");
btn2.onclick=function(){
alert("这是通过DOM0级添加的事件");
}
//btn2.onclick=null;
// //DOM2级事件
// // btn3.addEventListener('click',showmes,false);
// // btn3.removeEventListener('click',function(){
// // alert("DOM2级移除事件")
// // },flase);
// //IE事件处理流
// btn3.attachEvent('onclick',showmes)
// btn3.detachEvent('onclick',shoumes)
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;
}
},
删除句柄
removerHandle: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;//element.onclick===element['onclick']
}
}
}
eventUtil.addHandler(btn3,'click',showmes)
</script>
</body>
</html>
沙滩贝壳4回答
-
Stardust1001
注释删掉吧，找到原因了，就因为你的那一句“删除句柄”没有加//出错了 -
Stardust1001
没有其他的意思，就是，这样的代码，尽量不要拿出来，不是说其他的，也没有其他的意思，这么多注释，我们怎么看啊，本身这手机上格式就不正确的
随时随地看视频慕课网APP
Html/CSS
Html5