寫(xiě)一個(gè)通用的事件監(jiān)聽(tīng)函數(shù)

2024-04-27 15:05:32

字體：大中小

供稿：網(wǎng)友

var Event = { //頁(yè)面加載完成后 readyEvent:function(fn){ if(fn == null){ fn = document; } var oldonload = window.onload; if(typeof window.onload != 'function'){ window.onload = fn; }else{ window.onload = function(){ oldonload(); fn(); } } }, //添加事件 addEvent:function(element,type,hander){ if(element.addEventListener){ //非IE //事件類型，需要執(zhí)行的函數(shù)，是否捕獲 element.addEventListener(type,hander,false); }else if(element.attachEvent){ //IE element.attachEvent("on"+type,function(){ hander.call(element); }) }else{ element["on"+type] = hander; } }, //移除事件 removeEvent:function(element,type,hander){ if(element.removeEventListener){ element.removeEventListener(type,hander,false) }else if(element.attachEvent){ element.attachEvent("on"+type,hander); }else{ element["on"+type] = null; } }, //阻止事件 stopPRopagation:function(event){ if(event.stopPropagation){ event.stopPropagation();//w3c標(biāo)準(zhǔn) }else{ event.cancelBubble = true; //ie } }, //取消默認(rèn)事件 preventDefault:function(event){ if(event.preventDefault){ event.preventDefault(); }else{ event.returnValue = false; //ie } }, //獲取事件目標(biāo) getTarget:function(event){ return event.target || event.srcElement; }, //獲取event對(duì)象的引用，取到事件的所有信息，確保隨時(shí)能使用event； getEvent:function(e){ var even = e || window.event; if(!even){ var c = this.getEvent.caller; while(!c){ even = c.arguments[0]; if(even && Event == even.constructor){ break; } c = c.caller; } } return even; } }

上一篇：Angular 2 中的組件（二）

下一篇：CSS3動(dòng)畫(huà)——transition（過(guò)渡）