对象 [对象全局] 没有方法 'attachEvent'

Question

我有一个WebForms页面，其中包含MicrosoftAjax.debug.js(4.1.7.123(作为脚本资源：

// Name:        MicrosoftAjax.debug.js
// Assembly:    AjaxControlToolkit
// Version:     4.1.7.123
// FileVersion: 4.1.7.0123
// (c) 2010 CodePlex Foundation

加载时，此脚本自调用，最终调用此函数：

var attachEvent = !!document.attachEvent;
...
function listenOnce(target, name, ieName, callback, isReadyState, isScript) {
    function onEvent() {
        if (!attachEvent || !isReadyState || /loaded|complete/.test(target.readyState)) {
            if (attachEvent) {
                target.detachEvent(ieName || ("on" + name), onEvent);
            }
            else {
                target.removeEventListener(name, onEvent, false);
                if (isScript) {
                    target.removeEventListener("error", onEvent, false);
                }
            }
            callback.apply(target);
            target = null;
        }
    }
    if (attachEvent) {
        target.attachEvent(ieName || ("on" + name), onEvent);
    }
    else {
        if (target.addEventListener) {
        target.addEventListener(name, onEvent, false);
        }
        if (isScript) {
            target.addEventListener("error", onEvent, false);
        }
    }
}

问题是在Chrome中我收到以下Javascript错误：

未捕获的类型错误：对象 [对象全局] 没有方法"附加事件">

在以下行：

target.attachEvent(ieName || ("on" + name), onEvent);

附加调试器，target是窗口对象，正如您所期望的那样，它在 Chrome 中没有 attachEvent() 方法。

document.attachEvent()是以下函数：

function (sType, fHandler) {
        var shortTypeName = sType.replace(/on/, "");
        fHandler._ieEmuEventHandler = function (e) {
            window.event = e;
            return fHandler();
        };
        this.addEventListener(shortTypeName, fHandler._ieEmuEventHandler, false);
    }

这是 Microsoft Ajax 脚本中的错误吗？铬？还是由页面上的某些条件引起的？

无论哪种方式，我该如何解决它？

Answer 1

你不应该重新分配document.attachEvent，所以你可能想摆脱它。 正因为如此，attachEvent是真的。 不过，这并不意味着target.attachEvent存在。 似乎您应该在target上调用它之前检查if (!!target.attachEvent)，而不仅仅是查看您的attachEvent变量。

Answer 2

我会把这个问题留下来，以防其他人遇到同样的问题。但是，该错误是由旧的Javascript库重新分配document.attachEvent()方法引起的。

这是有问题的代码：

function emulateAttachEvent() {
    HTMLDocument.prototype.attachEvent = 
    HTMLElement.prototype.attachEvent = function (sType, fHandler) {
        var shortTypeName = sType.replace(/on/, "");
        fHandler._ieEmuEventHandler = function (e) {
            window.event = e;
            return fHandler();
        };
        this.addEventListener(shortTypeName, fHandler._ieEmuEventHandler, false);
    };
    HTMLDocument.prototype.detachEvent = 
    HTMLElement.prototype.detachEvent = function (sType, fHandler) {
        var shortTypeName = sType.replace(/on/, "");
        if (typeof fHandler._ieEmuEventHandler == "function")
            this.removeEventListener(shortTypeName, fHandler._ieEmuEventHandler, false);
        else
            this.removeEventListener(shortTypeName, fHandler, true);
    };
}

幸运的是，我能够删除旧库。但是，如果您有重新分配document.attachEvent()方法的真实案例，这将无济于事，在这种情况下，您需要提出替代解决方案。