自己寫了一個為元素添加事件的方法,並封裝到對象中。
說明:
id : 目標元素的ID
type: 事件的類型,注意的是不能加on
fn:事件處理程序
isBubble :規定事件流
代碼:
var bindEvent = { 'add':function(id,type,fn,isBubble){ var dom = document.getElementById(id); if(!isBubble) isBubble=false; if(dom.addEventListenner){ dom.addEventListenner(type,fn,isBubble); }else if(dom.attachEvent){ Transit = function(){ fn.call(dom); } dom.attachEvent('on'+type,Transit); }else{ dom['on'+type] = fn; } }, 'remove':function(id,type,fn,isBubble){ var dom = document.getElementById(id); if(!isBubble) isBubble=false; if(dom.removeEventListenner){ dom.removeEventListenner(type,fn,isBubble) }else if(dom.detachEvent){ dom.detachEvent('on'+type,Transit) }else{ dom['on'+type]=null; } } }
調用方法:
//定義事件處理程序 function msg(){ alert(this.tagName) } //為目標元素綁定事件 bindEvent.add('link','click',msg,false); //解除目標元素綁定的事件 bindEvent.remove('link','click',msg,false);
以上這篇通過原生JS實現為元素添加事件的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。