javascript之通用的事件侦听器函数

linkFly 发布于2019-08-20 11:33 / 2054人阅读

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云服务器云服务器监听器事件 javascript的事件 javascript的函数 javascript中的函数

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/80629.html

详解JavaScript函数模式

摘要：函数表达式又名匿名函数为变量赋的值是函数定义本身。在语言里任何匿名函数都是属于对象。这种情况下，就叫做回调函数。如上面代码示例展示了文档单击事件时以冒泡模式传递给回调函数的特别适用于事件驱动编程，因为回调模式支持程序以异步方式运行。 JavaScript设计模式的作用是提高代码的重用性，可读性，使代码更容易的维护和扩展在javascript中，函数是一类对象，这表示他可以作为参数传递...

wwolf 2019-08-21 10:20 评论0 收藏0
React事件

摘要：在中使用原生事件在中使用原生事件级事件和。的合成事件实现中，仅仅对最外层容器进行绑定，并且依赖事件冒泡完成事件委派，避免了事件捕获的浏览器不兼容特性。 Event Handler ----React事件 React中的事件包括合成事件和原生事件，React底层对合成事件进行事件委派和手动绑定，原生事件的使用在高程3有具体讲解，难点在于跨浏览器兼容和DOM0/DOM2级事件处理程序的使用...

hearaway 2019-08-20 14:27 评论0 收藏0
React事件

摘要：在中使用原生事件在中使用原生事件级事件和。的合成事件实现中，仅仅对最外层容器进行绑定，并且依赖事件冒泡完成事件委派，避免了事件捕获的浏览器不兼容特性。 Event Handler ----React事件 React中的事件包括合成事件和原生事件，React底层对合成事件进行事件委派和手动绑定，原生事件的使用在高程3有具体讲解，难点在于跨浏览器兼容和DOM0/DOM2级事件处理程序的使用...

Cciradih 2019-08-30 15:52 评论0 收藏0
React事件

摘要：在中使用原生事件在中使用原生事件级事件和。的合成事件实现中，仅仅对最外层容器进行绑定，并且依赖事件冒泡完成事件委派，避免了事件捕获的浏览器不兼容特性。 Event Handler ----React事件 React中的事件包括合成事件和原生事件，React底层对合成事件进行事件委派和手动绑定，原生事件的使用在高程3有具体讲解，难点在于跨浏览器兼容和DOM0/DOM2级事件处理程序的使用...

Anshiii 2019-08-01 16:20 评论0 收藏0
深入React知识点整理（一）

摘要：以我自己的理解，函数式编程就是以函数为中心，将大段过程拆成一个个函数，组合嵌套使用。越来越多的迹象表明，函数式编程已经不再是学术界的最爱，开始大踏步地在业界投入实用。也许继面向对象编程之后，函数式编程会成为下一个编程的主流范式。使用React也满一年了，从刚刚会使用到逐渐探究其底层实现，以便学习几招奇技淫巧从而在自己的代码中使用，写出高效的代码。下面整理一些知识点，算是React看书...

Gilbertat 2019-08-22 11:18 评论0 收藏0