通過(guò)原生JS實(shí)現(xiàn)為元素添加事件的方法
自己寫(xiě)了一個(gè)為元素添加事件的方法,并封裝到對(duì)象中。
說(shuō)明:
id : 目標(biāo)元素的ID
type: 事件的類型,注意的是不能加on
fn:事件處理程序
isBubble :規(guī)定事件流
代碼:
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; } } }
調(diào)用方法:
//定義事件處理程序 function msg(){ alert(this.tagName) } //為目標(biāo)元素綁定事件 bindEvent.add('link','click',msg,false); //解除目標(biāo)元素綁定的事件 bindEvent.remove('link','click',msg,false);
以上這篇通過(guò)原生JS實(shí)現(xiàn)為元素添加事件的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript屏蔽指定區(qū)域內(nèi)右鍵菜單
有時(shí)候需要屏蔽部分區(qū)域內(nèi)的右鍵菜單,下面的代碼大家可以測(cè)試下。2010-03-03js表達(dá)式與運(yùn)算符簡(jiǎn)單操作示例
這篇文章主要介紹了js表達(dá)式與運(yùn)算符簡(jiǎn)單操作,結(jié)合實(shí)例形式分析了JavaScript表達(dá)式與運(yùn)算符的基本算數(shù)運(yùn)算、邏輯運(yùn)算、比較運(yùn)算等相關(guān)操作技巧,需要的朋友可以參考下2020-02-02javascript 流暢動(dòng)畫(huà)實(shí)現(xiàn)原理
瀏覽器目前來(lái)說(shuō)是沒(méi)有抗鋸齒效果的(將來(lái)不一定哦),這樣dom元素外觀的改變就被限制在1個(gè)像素為最佳效果。2009-09-09Javascript實(shí)現(xiàn)字?jǐn)?shù)統(tǒng)計(jì)
現(xiàn)在流行的Twitter等微博客網(wǎng)站,有一個(gè)很好的用戶體驗(yàn),就是在文本框中輸入文字的時(shí)候,會(huì)自動(dòng)統(tǒng)計(jì)輸入的字符,并顯示用戶還能輸入的字符,在限制了140個(gè)字的微博客中,這樣的小提示可以很好的增強(qiáng)用戶體驗(yàn)。2015-07-07javascript瀏覽器窗口之間傳遞數(shù)據(jù)的方法
這篇文章主要介紹了javascript瀏覽器窗口之間傳遞數(shù)據(jù)的方法,實(shí)例分析了父窗口與子窗口之間傳遞參數(shù)的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-01-01JS實(shí)現(xiàn)在Repeater控件中創(chuàng)建可隱藏區(qū)域的代碼
在WEB應(yīng)用中,如何才能使應(yīng)用高效率呢?如何才能吸引用戶呢?這的確是個(gè)大學(xué)問(wèn),頁(yè)面的內(nèi)容,色搭配等都十分重要。但不可忽視的是,多數(shù)情況下,對(duì)于數(shù)據(jù)的呈現(xiàn)方式也是十分重要的。2010-09-09js parseInt("08")未指定進(jìn)位制問(wèn)題
今天在做JS關(guān)于月份的判斷,對(duì)于parseInt("01")到parseInt("07");都能得到正確的結(jié)果,但如果是parseInt("08")或parseInt("09")則返回0,首先看parseInt語(yǔ)法:parseInt(string, radix);2010-06-06