DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 通過原生JS實現為元素添加事件的方法
通過原生JS實現為元素添加事件的方法
編輯:關於JavaScript     

自己寫了一個為元素添加事件的方法,並封裝到對象中。

說明:

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實現為元素添加事件的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved