欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

通過原生JS實現為元素添加事件的方法

 更新時間:2016年11月23日 10:50:55   投稿:jingxian  
下面小編就為大家?guī)硪黄ㄟ^原生JS實現為元素添加事件的方法。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

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

說明:

id : 目標元素的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;
      }

    }

  }

調用方法:

//定義事件處理程序
 function msg(){
  alert(this.tagName)
 }

 //為目標元素綁定事件
 bindEvent.add('link','click',msg,false);

 //解除目標元素綁定的事件
 bindEvent.remove('link','click',msg,false);

以上這篇通過原生JS實現為元素添加事件的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

  • JS實現字體選色板實例代碼

    JS實現字體選色板實例代碼

    這篇文章主要介紹了JS實現字體選色板實例代碼,有需要的朋友可以參考一下
    2013-11-11
  • JavaScript屏蔽指定區(qū)域內右鍵菜單

    JavaScript屏蔽指定區(qū)域內右鍵菜單

    有時候需要屏蔽部分區(qū)域內的右鍵菜單,下面的代碼大家可以測試下。
    2010-03-03
  • js表達式與運算符簡單操作示例

    js表達式與運算符簡單操作示例

    這篇文章主要介紹了js表達式與運算符簡單操作,結合實例形式分析了JavaScript表達式與運算符的基本算數運算、邏輯運算、比較運算等相關操作技巧,需要的朋友可以參考下
    2020-02-02
  • javascript 流暢動畫實現原理

    javascript 流暢動畫實現原理

    瀏覽器目前來說是沒有抗鋸齒效果的(將來不一定哦),這樣dom元素外觀的改變就被限制在1個像素為最佳效果。
    2009-09-09
  • Javascript實現字數統(tǒng)計

    Javascript實現字數統(tǒng)計

    現在流行的Twitter等微博客網站,有一個很好的用戶體驗,就是在文本框中輸入文字的時候,會自動統(tǒng)計輸入的字符,并顯示用戶還能輸入的字符,在限制了140個字的微博客中,這樣的小提示可以很好的增強用戶體驗。
    2015-07-07
  • javascript瀏覽器窗口之間傳遞數據的方法

    javascript瀏覽器窗口之間傳遞數據的方法

    這篇文章主要介紹了javascript瀏覽器窗口之間傳遞數據的方法,實例分析了父窗口與子窗口之間傳遞參數的使用技巧,非常具有實用價值,需要的朋友可以參考下
    2015-01-01
  • JS實現在Repeater控件中創(chuàng)建可隱藏區(qū)域的代碼

    JS實現在Repeater控件中創(chuàng)建可隱藏區(qū)域的代碼

    在WEB應用中,如何才能使應用高效率呢?如何才能吸引用戶呢?這的確是個大學問,頁面的內容,色搭配等都十分重要。但不可忽視的是,多數情況下,對于數據的呈現方式也是十分重要的。
    2010-09-09
  • JavaScript中的變量聲明早于賦值分析

    JavaScript中的變量聲明早于賦值分析

    JavaScript中的變量聲明早于賦值分析,需要的朋友可以參考下
    2012-03-03
  • js parseInt("08")未指定進位制問題

    js parseInt("08")未指定進位制問題

    今天在做JS關于月份的判斷,對于parseInt("01")到parseInt("07");都能得到正確的結果,但如果是parseInt("08")或parseInt("09")則返回0,首先看parseInt語法:parseInt(string, radix);
    2010-06-06
  • 實現iframe延時加載

    實現iframe延時加載

    實現iframe延時加載...
    2006-10-10

最新評論