<input type="button" value="button1" id="button" onclick="show()"><input type="button" value="button2" id="bt2"><input type="button" value="button3" id="bt3"><script type="text/javascript">// HTML事件 function show (){ alert("hello"); } var b2=document.getElementById('bt2'); var b3=document.getElementById('bt3'); // DOM0级事件 b2.onclick=function(){ alert("这是通过DOM0级添加的事件"); } // b.onclick=null;删除事件 // DOM2级事件/*b3.addEventListener('click',show,false);// b3.removeEventListener('click',show,false);删除事件b3.addEventListener('click',function() {alert(this.value)},false);*//*IE事件b3.attachEvent('onclick',show);b3.detachEvent('onclick',show);*///跨浏览器解决,封装到对象eventUtil中,有两个参数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('b3','click',show);
添加回答
举报
0/150
提交
取消