<!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 回答
- 4 回答
- 0 关注
- 1559 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消