2021-08-13 js-你还在为不同浏览器兼容问题而烦恼吗

// 创建一个对象，封装兼容的DOM 2级 事件处理函数 的添加/删除，获取事件对象，阻止事件冒泡，取消默认行为
// 对象下只包含属性和方法，属性用于存储数据即变量，方法用来书写功能语句，即函数。
var eventUntil = {
    // 兼容添加事件处理函数
    addHandler: function(dom, type, fn) {
        if (dom.addEventListener) {
            dom.addEventListener(type, fn, false);
        } else if (dom.attachEvent) {
            dom.attachEvent("on" + type, fn);
        } else {
            dom['on' + type] = fn;
        }
    },
    // 兼容删除事件处理函数
    removeHandler: function(dom, type, fn) {
        if (dom.removeEventListener) {
            dom.removeEventListener(type, fn, false);
        } else if (dom.detachEvent) {
            dom.detachEvent("on" + type, fn);
        } else {
            dom['on' + type] = null;
        }
    },
    // 兼容获取事件对象
    getEventObject: function(e) {
        return e || window.event;
    },
	// 兼容获取事件源
	getEventTarget: function(e) {
		var eve = this.getEventObject(e);
		// 兼容IE的事件对象
		if (eve.target) {
			return eve.target
		} else {
			return eve.srcElement
		}
	},
    // 兼容阻止事件冒泡
    stopPropagation: function(e) {
        // 想要调用同一对象下的方法，需要用this
        var eve = this.getEventObject(e);
		// 兼容IE的阻止事件冒泡
        if (eve.stopPropagation) {
            eve.stopPropagation();
        } else {
            eve.cancelBubble = true;
        }
    },
    // 兼容取消默认行为
    preventDefault: function(e) {
        var eve = this.getEventObject(e);
        if (eve.preventDefault) {
            eve.preventDefault();
        } else {
            eve.returnValue = false;
        }
    }
};