日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
經(jīng)驗(yàn)總結(jié)JavaScriptDOM添加事件的實(shí)現(xiàn)

 你對(duì)JavaScript DOM添加事件的行為是否熟悉，這里向大家簡單介紹一下，這是我在給庫中添加事件的時(shí)候?qū)懙腏avaScript DOM添加事件的方法！這個(gè)方法是實(shí)現(xiàn)了跨瀏覽器之間的方法！

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供臨猗網(wǎng)站建設(shè)、臨猗做網(wǎng)站、臨猗網(wǎng)站設(shè)計(jì)、臨猗網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、臨猗企業(yè)網(wǎng)站模板建站服務(wù)，十年臨猗做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

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ì)象添加事件了！

讓我們來看看吧！ 

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

 使用方法：

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

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

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

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

【編輯推薦】

  1. JavaScript DOM特性與應(yīng)用詳解
  2. JavaScript和DOM輕松實(shí)現(xiàn)數(shù)據(jù)訪問
  3. JavaScript獲取HTML DOM節(jié)點(diǎn)元素詳解
  4. 深入了解JavaScript HTML DOM對(duì)象
  5. 解析HTML DOM Checkbox對(duì)象的屬性和方法

標(biāo)題名稱：經(jīng)驗(yàn)總結(jié)JavaScriptDOM添加事件的實(shí)現(xiàn)
本文路徑：http://www.5511xx.com/article/cdcgggc.html