這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)碛嘘P(guān)JavaScript中怎么利用DOM添加事件，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

目前累計(jì)服務(wù)客戶1000+，積累了豐富的產(chǎn)品開發(fā)及服務(wù)經(jīng)驗(yàn)。以網(wǎng)站設(shè)計(jì)水平和技術(shù)實(shí)力，樹立企業(yè)形象，為客戶提供成都網(wǎng)站制作、成都做網(wǎng)站、網(wǎng)站策劃、網(wǎng)頁設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷、VI設(shè)計(jì)、網(wǎng)站改版、漏洞修補(bǔ)等服務(wù)。創(chuàng)新互聯(lián)始終以務(wù)實(shí)、誠(chéng)信為根本，不斷創(chuàng)新和提高建站品質(zhì)，通過對(duì)領(lǐng)先技術(shù)的掌握、對(duì)創(chuàng)意設(shè)計(jì)的研究、對(duì)客戶形象的視覺傳遞、對(duì)應(yīng)用系統(tǒng)的結(jié)合，為客戶提供更好的一站式互聯(lián)網(wǎng)解決方案，攜手廣大客戶，共同發(fā)展進(jìn)步。

JavaScript DOM添加事件

這是我在給庫中添加事件的時(shí)候?qū)懙腏avaScript DOM添加事件的方法！這個(gè)方法是實(shí)現(xiàn)了跨瀏覽器之間的方法！

因?yàn)閷?duì)于支持DOM的瀏覽器來說，添加事件是用addEventListener()方法來給對(duì)象添加事件！而對(duì)于MSIE來說則是用attachEvent()來給對(duì)象添加事件！這就使得我們必須用一個(gè)容器來裝載這兩個(gè)不同瀏覽器上對(duì)事件的處理方式！這樣我們就可以直接調(diào)用addEvent()方法來給對(duì)象添加事件了！

讓我們來看看吧！

/**  *注冊(cè)一個(gè)監(jiān)聽事件到元素  *@param{Object}node所要添加事件的對(duì)象  *@param{Object}type事件類型  *@param{Object}listener事件方法  */  functionaddEvent(node,type,listener){  //使用前面的方法檢查兼容性以保證平穩(wěn)退化  if(!(node=$(node)))returnfalse;   if(node.attachEvent){//這是針對(duì)IE的方法  node['e'+type+listener]=listener;  node[type+listener]=function(){node['e'+type+listener](window.event);}  node.attachEvent('on'+type,node[type+listener]);  returntrue;  }elseif(node.addEventListener){  //這是針對(duì)支持DOM的瀏覽器的方法  node.addEventListener(type,listener,false);  returntrue;  }  //若兩種方法都不具備則返回false;  returnfalse;  };  window['liujingning']['addEvent']=addEvent;

使用方法：

比如我們要給頁面的onload()上添加事件，我們就可以這樣寫：

liujingning.addEvent(window,'load',function(Event)  {//這里寫你要寫的代碼}

我們也可以給某個(gè)ID添加事件

vargetId=document.getElementById('aa');  liujingning.addEvent(getId,'load',function(Event)  {//這里寫你要寫的代碼}

上述就是小編為大家分享的JavaScript中怎么利用DOM添加事件了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。