<!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=utf-8" /><title>事件流</title></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 type="text/javascript"> function showMes(){ alert("hello"); }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.addEventListener("click",function(){ alert(this.value); },false); //删除事件 // btn3.removeEventListener("click",showMes,false); btn3.attachEvent("onclick",showMes); //btn3.detachEvent("onclick",showMes);*/ 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(btn3,"click",showMes); eventUtil.removeHandler(btn3,"click",showMes);</script></body></html>
- 1 回答
- 0 关注
- 1608 浏览
添加回答
举报
0/150
提交
取消