关于考虑浏览器兼容性时间的工具demo

最新推荐文章于 2020-07-13 23:18:42 发布

转载最新推荐文章于 2020-07-13 23:18:42 发布 · 121 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Arther-J/p/5395055.html

本文介绍了一种跨浏览器的事件处理方法，通过一个实用的JavaScript工具包实现事件的添加和移除，兼容各种主流浏览器，包括IE。文中详细解释了如何使用addEventListener和attachEvent来确保代码在不同环境下的一致性。

        //支持跨浏览器的添加事件。
        var btn = document.getElementById("btn");
        function showMes() {
            alert("hello world!");
        }

        var eventUtil = {
            addHander:function(element,type,hander) {
                //判断是否是除IE以外的DOM2级操作
                if (element.addEventListener) {
                    element.addEventListener(type,hander,false);
                } else if(element.attachEvent){
                    element.attachEvent("on"+type,hander);
                }else{
                    element["on"+type] = hander;
                }
            },
            removeHander:function(element,type,hander) {
                //判断是否是除IE以外的DOM2级操作
                if (element.removeEventListener) {
                    element.removeEventListener(type,hander,false);
                } else if(element.detachEvent){
                    element.detachEvent("on"+type,hander);
                }else{
                    element["on"+type] = null;
                }
            },
            getEvent:function(event) {
                return event?event:window.event;
            },
            getType:function(event) {
                return event.type;
            },
            getElement:function(event) {
                return event.target||event.srcElement;
            },
            preventDefault:function(event) {
                if (event.preventDefault) {
                    event.preventDefault();
                } else{
                    event.returnValue=false;
                }
            },
            stopPropagation:function(event) {
                if (event.stopPropagation) {
                    event.stopPropagation();
                } else{
                    event.cancleBubble = true;
                }
            }
        }

转载于:https://www.cnblogs.com/Arther-J/p/5395055.html