javascript - 未捕获的类型错误：无法调用未定义的方法“addEventListener”

Question

无法弄清楚这段代码中的错误在哪里。Chrome 调试控制台在第 31 行一直说“未捕获的类型错误：无法调用未定义的方法 'addEventListener'”！

jewel.dom = (function() {

    var $ = Sizzle;

    function hasClass(el, clsName){

        var regex = new RegExp("(^|\\s) + clsName + (\\s|$)");
        return regex.test(el.className);
    }

    function addClass(el, clsName) {

        if (!hasClass(el,clsName)) {
            el.className += ""+ clsName;
        }
    }

    function removeClass (el, clsName) {

        var regex = new RegExp("(^|\\s)" + clsName + "(\\s|$)");
        el.className = el.className.replace(regex, " ");
    }

    function bind(element, event, handler) {

        if (typeof element == "string") {
            element = $(element)[0];
        }

        element.addEventListener(event, handler, false)
}

    return {
        $:$,
        hasClass : hasClass,
        addClass : addClass,
        removeClass : removeClass,
        bind : bind
    };
;}) ();

Answer 1

就我而言，这是由 Evernote Clipper 扩展脚本引起的。当您单击抛出错误的脚本时，您会在评论中找到“Evernote”。

Answer 2

可能是您的bind调用以 结尾undefined element吗？（例如，您传递的选择器与 DOM 中的任何元素都不匹配）

Answer 3

有些浏览器不知道“addEventListener”是什么。尝试这个：

Element.prototype.setEvent = function(eventName, handler)
{
    if(document.addEventListener)
    {
        this.addEventListener(eventName, handler);
    }
    else
    {
        if(document.attachEvent)
        {
            this.attachEvent("on" + eventName, handler);
        }
    }
}
element.setEvent(eventName, handler);

removeEventListener 也是如此。

另外，尝试更换

 element = $(element)[0];

和

 element = $("#" + element);

前提是该字符串包含元素的 id，或者

 element = $("." + element)[0];

如果字符串包含元素的类名。