标签:
今天找到了一个轮子 就不用自己造 了 直接拿过来用就可以了 嘿嘿 感觉很高兴
特此分享一下
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; } }, getEvent:function(event){ return event?event:window.event; }, getType:function(event){ return event.type; }, getElement:function(event){ return event.target || event.srcElement; }, preventDefault:function(event){ if(event.preventDefault){ event.preventDefault(); }else{ event.returnValue=false; } }, stopPropagation:function(event){ if(event.stopPropagation){ event.stopPropagation(); }else{ event.cancelBubble=true; } } }
可以自己存起来 然后调用以下 把调用的demo也拿出来 可以参考一下
window.onload=function(){ var go=document.getElementById(‘go‘), box=document.getElementById(‘box‘); eventUtil.addHandler(box,‘click‘,function(){ alert(‘我是整个父盒子‘); }); eventUtil.addHandler(go,‘click‘,function(e){ //e=eventUtil.getEvent(e); e=e || window.event; alert(eventUtil.getElement(e).nodeName); eventUtil.preventDefault(e); eventUtil.stopPropagation(e); }); }
好了如果又不明白的 欢迎给我留言 如果有更好的轮子 也请一起分享 开源 才是根本。。。。分享才能提高
标签:
原文地址:http://www.cnblogs.com/ling-du/p/4600011.html