用于 attachEvent 的 Polyfill 删除 dhtmlx attachEvent function

Question

我正在为我们的旧产品添加 chrome 支持（ie8 支持），问题是我为 attachEvent 添加了 polyfill

if (!isIE() && Object.attachEvent == null) {
    Object.defineProperty(Object.prototype, 'attachEvent', {
        value: function(event, func) {
            if ('string' !== typeof event || event.indexOf('on') !== 0) {
                return;
            }
                this.addEventListener(event.substring(2), func, false);
        },
        enumerable: false
    });
}

但是我们使用的是 dhtmlx 3rd 方库，它使用 attachEvent function 管理事件，所以我的 polyfill 覆盖了这个 function，是什么导致 dhtmlx 功能缺失。

任何想法我该如何解决这个问题？ 我想填充 attachEvent 但不覆盖 dhtmlx 的 attachEvent 谢谢！

Answer 1

无需检查IsIE() ... 因为无论如何只有 IE 使用非标准的attachEvent

对于其他浏览器，您可以填充EventTarget.prototype.attachEvent - 因为无论如何这是定义addEventListener的地方

if (EventTarget.prototype.attachEvent == null) {
    Object.defineProperty(EventTarget.prototype, 'attachEvent', {
        value: function(event, func) {
            if ('string' !== typeof event || event.indexOf('on') !== 0) {
                return;
            }
            this.addEventListener(event.substring(2), func, false);
        },
        enumerable: false
    });
}