javascript之通用的事件偵聽器函數(shù)

linkFly 發(fā)布于2019-08-20 11:33 / 2048人閱讀

var EventUtil = {
    addEvent: function(element, type, handler) {
        if(element.addEventListener) { //DOM2級
            element.addEventListener(type, handler, false);
        }else if(element.attachEvent) {  //IE
            element.attachEvent("on"+ type, handler);
        }else {
            element["on" + type] = handler;
        }
    },
    removeEvent: function(element, type, handler) {
        if(element.removeEventListener) { //DOM2級
            element.removeEventListener(type, handler, false);
        }else if(element.detachEvent) {  //IE
            element.detachEvent("on"+ type, handler);
        }else {
            element["on" + type] = null;
        }
    },
    stopPropagation: function(ev) {
        if(ev.stopPropagation) {
            ev.stopPropagation();
        }else {
            ev.cancelBubble = true;
        }
    },
    preventDefault: function(ev) {
        if(ev.preventDefault) {
            ev.preventDefaule();
        }else {
            ev.returnValue = false;
        }
    },
    getTarget: function(ev) {
        return event.target || event.srcElement;
    },
    getEvent: function(e) {
        var ev = e || window.event;
        if(!ev) {
            var c = this.getEvent.caller;
            while(c) {
                ev = c.arguments[0];
                if(ev && Event == ev.constructor) {
                    break;
                }
                c = c.caller;
            }
        }
        return ev;
    }
};

GPU云服務(wù)器云服務(wù)器監(jiān)聽器事件 javascript的事件 javascript的函數(shù) javascript中的函數(shù)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/80629.html

相關(guān)文章

詳解JavaScript函數(shù)模式

摘要：函數(shù)表達(dá)式又名匿名函數(shù)為變量賦的值是函數(shù)定義本身。在語言里任何匿名函數(shù)都是屬于對象。這種情況下，就叫做回調(diào)函數(shù)。如上面代碼示例展示了文檔單擊事件時以冒泡模式傳遞給回調(diào)函數(shù)的特別適用于事件驅(qū)動編程，因為回調(diào)模式支持程序以異步方式運(yùn)行。 JavaScript設(shè)計模式的作用是提高代碼的重用性，可讀性，使代碼更容易的維護(hù)和擴(kuò)展在javascript中，函數(shù)是一類對象，這表示他可以作為參數(shù)傳遞...

wwolf 2019-08-21 10:20 評論0 收藏0
React事件

摘要：在中使用原生事件在中使用原生事件級事件和。的合成事件實現(xiàn)中，僅僅對最外層容器進(jìn)行綁定，并且依賴事件冒泡完成事件委派，避免了事件捕獲的瀏覽器不兼容特性。 Event Handler ----React事件 React中的事件包括合成事件和原生事件，React底層對合成事件進(jìn)行事件委派和手動綁定，原生事件的使用在高程3有具體講解，難點(diǎn)在于跨瀏覽器兼容和DOM0/DOM2級事件處理程序的使用...

hearaway 2019-08-20 14:27 評論0 收藏0
React事件

摘要：在中使用原生事件在中使用原生事件級事件和。的合成事件實現(xiàn)中，僅僅對最外層容器進(jìn)行綁定，并且依賴事件冒泡完成事件委派，避免了事件捕獲的瀏覽器不兼容特性。 Event Handler ----React事件 React中的事件包括合成事件和原生事件，React底層對合成事件進(jìn)行事件委派和手動綁定，原生事件的使用在高程3有具體講解，難點(diǎn)在于跨瀏覽器兼容和DOM0/DOM2級事件處理程序的使用...

Cciradih 2019-08-30 15:52 評論0 收藏0
React事件

摘要：在中使用原生事件在中使用原生事件級事件和。的合成事件實現(xiàn)中，僅僅對最外層容器進(jìn)行綁定，并且依賴事件冒泡完成事件委派，避免了事件捕獲的瀏覽器不兼容特性。 Event Handler ----React事件 React中的事件包括合成事件和原生事件，React底層對合成事件進(jìn)行事件委派和手動綁定，原生事件的使用在高程3有具體講解，難點(diǎn)在于跨瀏覽器兼容和DOM0/DOM2級事件處理程序的使用...

Anshiii 2019-08-01 16:20 評論0 收藏0
深入React知識點(diǎn)整理（一）

摘要：以我自己的理解，函數(shù)式編程就是以函數(shù)為中心，將大段過程拆成一個個函數(shù)，組合嵌套使用。越來越多的跡象表明，函數(shù)式編程已經(jīng)不再是學(xué)術(shù)界的最愛，開始大踏步地在業(yè)界投入實用。也許繼面向?qū)ο缶幊讨?，函?shù)式編程會成為下一個編程的主流范式。使用React也滿一年了，從剛剛會使用到逐漸探究其底層實現(xiàn)，以便學(xué)習(xí)幾招奇技淫巧從而在自己的代碼中使用，寫出高效的代碼。下面整理一些知識點(diǎn)，算是React看書...

Gilbertat 2019-08-22 11:18 評論0 收藏0