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

javascript 兼容各個(gè)瀏覽器的事件

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

調(diào)用事件:

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

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

// 兼容各個(gè)瀏覽器  跨瀏覽器事件處理------- 統(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級(jí)
        }
        else if (element.attachEvent) {
            element.attachEvent("on"+type, handler);
        } else {
            element["on" + type] = handler;
        }
    },
    //刪除句柄  事件處理不起作用
    removeEventHandle: function (element, type, handler) {
        if (element.removeEventListener) {   // 支持dom2級(jí)的事件處理  type是 onclick
            element.removeEventListener(type, handler, false); //---false  //代表冒泡
        }
        else if (element.detachEvent) {
            element.detachEvent("on"+type, handler);  //支持IE 
        } else {
            element["on" + type] = null;// dom0級(jí)事件處理   傳統(tǒng)的點(diǎn)擊事件
        }
    },
    //獲取事件對(duì)象 兼容瀏覽器的所有對(duì)象
    getEvent: function (event) {
        return event ? event : window.event;  //在IE瀏覽器的低版本中需要的是window.event
    },
    //獲取事件類型  是點(diǎn)擊呢還是鼠標(biāo)移動(dòng)
    getType:function(event){
        return event.type;
    },
    //獲取當(dāng)前的那個(gè)元素
    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)文章

最新評(píng)論