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

javascript 兼容各個瀏覽器的事件

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

調(diào)用事件:

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

復(fù)制代碼 代碼如下:

// 兼容各個瀏覽器  跨瀏覽器事件處理------- 統(tǒng)一進(jìn)行封裝
var EventHandle = {
    // element : 元素 , type: 點(diǎn)擊事件 ,handle : 實(shí)行的方法
    //添加句柄
    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)的點(diǎn)擊事件
        }
    },
    //獲取事件對象 兼容瀏覽器的所有對象
    getEvent: function (event) {
        return event ? event : window.event;  //在IE瀏覽器的低版本中需要的是window.event
    },
    //獲取事件類型  是點(diǎn)擊呢還是鼠標(biāo)移動
    getType:function(event){
        return event.type;
    },
    //獲取當(dāng)前的那個元素
    getElement: function (event) {
        return event.target || event.srcElement;
    },
    //阻止事件的默認(rèn)行為
        : function (event) {
        if (event.preventDefault) {
            event.preventDefault();
        }
        else {
            event.returnValue = false;
        }
    },
    //阻止事件冒泡
    stopPropagation: function (event) {
        if (event.stopPropagation) {
            event.stopPropagation();
        }
        else {
            event.cancelBubble = true;
        }
    }
}

相關(guān)文章

  • javascript DIV實(shí)現(xiàn)跟隨鼠標(biāo)移動

    javascript DIV實(shí)現(xiàn)跟隨鼠標(biāo)移動

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

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

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

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

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

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

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

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

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

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

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

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

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

    禁止你的左鍵復(fù)制實(shí)用技巧

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

    Js控制滑輪左右滑動實(shí)例

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

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

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

最新評論