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

javascript 兼容各個瀏覽器的事件

 更新時間:2015年02月04日 09:14:49   投稿:hebedich  
這篇文章主要介紹了javascript 兼容各個瀏覽器的事件,需要的朋友可以參考下

調(diào)用事件:

事件對象
什么是事件對象?在觸發(fā)dom上的事件是都會產(chǎn)生一個事件對象event。例如鼠標點擊的時候,自己就會產(chǎn)生比如點擊的類型啊 還要那個元素發(fā)出的
dom 事件對象   type 屬性用于獲取事件對象, target屬性 用于獲取事件目標,stopPropagation()方法 阻止事件冒泡 preventDefault阻止事件的默認行為
IE中的事件對象  type 屬性 用于獲取事件對象, srcElement屬性 用于獲取事件目標 cancelBubble屬性  用于阻止事件冒泡  設置為true是表示阻止 false表示不阻止
returnValue  屬性 用于阻止事件的默認行為 設置為false的時候表示阻止

復制代碼 代碼如下:

// 兼容各個瀏覽器  跨瀏覽器事件處理------- 統(tǒng)一進行封裝
var EventHandle = {
    // element : 元素 , type: 點擊事件 ,handle : 實行的方法
    //添加句柄
    addEventHandle: function (element, type, handler) {
        if (element.addEventListener) {
            element.addEventListener(type, handler, false);//---false  //代表冒泡 dom2級
        }
        else if (element.attachEvent) {
            element.attachEvent("on"+type, handler);
        } else {
            element["on" + type] = handler;
        }
    },
    //刪除句柄  事件處理不起作用
    removeEventHandle: function (element, type, handler) {
        if (element.removeEventListener) {   // 支持dom2級的事件處理  type是 onclick
            element.removeEventListener(type, handler, false); //---false  //代表冒泡
        }
        else if (element.detachEvent) {
            element.detachEvent("on"+type, handler);  //支持IE 
        } else {
            element["on" + type] = null;// dom0級事件處理   傳統(tǒng)的點擊事件
        }
    },
    //獲取事件對象 兼容瀏覽器的所有對象
    getEvent: function (event) {
        return event ? event : window.event;  //在IE瀏覽器的低版本中需要的是window.event
    },
    //獲取事件類型  是點擊呢還是鼠標移動
    getType:function(event){
        return event.type;
    },
    //獲取當前的那個元素
    getElement: function (event) {
        return event.target || event.srcElement;
    },
    //阻止事件的默認行為
        : function (event) {
        if (event.preventDefault) {
            event.preventDefault();
        }
        else {
            event.returnValue = false;
        }
    },
    //阻止事件冒泡
    stopPropagation: function (event) {
        if (event.stopPropagation) {
            event.stopPropagation();
        }
        else {
            event.cancelBubble = true;
        }
    }
}

相關文章

  • javascript DIV實現(xiàn)跟隨鼠標移動

    javascript DIV實現(xiàn)跟隨鼠標移動

    這篇文章主要為大家詳細介紹了javascript DIV跟隨鼠標移動,有一個div跟隨鼠標移動的結(jié)果,有一連串跟隨鼠標移動的效果,感興趣的小伙伴們可以參考一下
    2016-02-02
  • JS實現(xiàn)alert中顯示換行的方法

    JS實現(xiàn)alert中顯示換行的方法

    這篇文章主要介紹了JS實現(xiàn)alert中顯示換行的方法,實例分析了兩種實現(xiàn)alert換行的實現(xiàn)技巧,非常簡單實用,需要的朋友可以參考下
    2015-12-12
  • js類的繼承定義與用法分析

    js類的繼承定義與用法分析

    這篇文章主要介紹了js類的繼承定義與用法,結(jié)合實例形式分析了javascript關于類的定義與繼承的相關使用技巧,需要的朋友可以參考下
    2019-06-06
  • js活用事件觸發(fā)對象動作

    js活用事件觸發(fā)對象動作

    現(xiàn)在基本上我很少在對象里面寫事情觸發(fā)行為了,因為感覺那樣做相同的對象代碼利用率太低,容易導致代碼冗余.
    2008-08-08
  • js 用CreateElement動態(tài)創(chuàng)建標簽示例

    js 用CreateElement動態(tài)創(chuàng)建標簽示例

    用CreateElement動態(tài)創(chuàng)建標簽,主要是html中常用的一些標簽,在本文有詳細的示例,喜歡的朋友可以參考下
    2013-11-11
  • JavaScript聲明變量的這四兄弟(var、let、function、const)

    JavaScript聲明變量的這四兄弟(var、let、function、const)

    這篇文章主要介紹了JavaScript聲明變量的這四兄弟,主要就是介紹var、let、function、const區(qū)別,需要的朋友可以參考下
    2023-02-02
  • JavaScript canvas實現(xiàn)雪花隨機動態(tài)飄落

    JavaScript canvas實現(xiàn)雪花隨機動態(tài)飄落

    這篇文章主要為大家詳細介紹了JavaScript canvas實現(xiàn)雪花隨機動態(tài)飄落,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-02-02
  • 禁止你的左鍵復制實用技巧

    禁止你的左鍵復制實用技巧

    左鍵復制對于所有人來說有好有壞,例如原創(chuàng)內(nèi)容就不想被別人復制,接下來介紹一種方法,有需要的朋友可以參考下
    2013-01-01
  • Js控制滑輪左右滑動實例

    Js控制滑輪左右滑動實例

    這篇文章主要介紹了Js控制滑輪左右滑動實例,本文直接給出實現(xiàn)代碼,需要的朋友可以參考下
    2015-02-02
  • 如何讓js中的if判斷如絲般順滑詳解

    如何讓js中的if判斷如絲般順滑詳解

    條件判斷語句是程序開發(fā)過程中一種經(jīng)常使用的語句形式,和大部分編程語言相同,JavaScript 中也有條件判斷語句,這篇文章主要給大家介紹了關于如何讓js中的if判斷如絲般順滑的相關資料,需要的朋友可以參考下
    2021-10-10

最新評論