你的位置:首页 > Java教程

[Java教程]js事件处理程序跨浏览器解决方案


<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title></head><body><div>  <input type="button" id="button1" value="按钮" /></div><script type="text/javascript">  function show(){    alert("Hello world!");  }  //声明一个对象  var eventUtil={  //添加句柄    addHandler:function(element,type,handler){  //DOM2级事件处理判断    if(element.addEventListener){      element.addEventListener(type,handler,false);    }else if(element.attachEvent){//IE事件处理判断      element.attachEvent('on'+type,handler);    }else{//DOM0级事件判断      element['on'+type]=handler;    }  },  //删除句柄  removeHandler:function(element,type,handler){  //DOM2级事件处理判断  if(element.removeEventListener){    elememt.removeEventListener(type,handler,false);  }else if(element.detachEvent){//IE事件处理判断    element.detachEvent('on'+type,handler);  }else{//DOM0级事件判断    element['on'+type]=null;    }  }}  eventUtil.addHandler(button3,'click',show);</script></body></html>