未知の型エラー：未定義のメソッド 'addEventListener'を呼び出すことができません

Question

は、このコードのどこにエラーがあるか把握できません。 Chromeのデバッグコンソールで「Uncaught TypeError：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

は、それはあなたのbind呼び出しがundefinedelementで終わる場合だろうか？ （たとえば、DOMの要素と一致しないセレクタを渡した場合）

Answer 2

「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]; 

と交換しようとする、または素子。

Answer 3

私の場合、これはEvernote Clipper拡張スクリプトが原因です。エラーを投げるスクリプトをクリックすると、「Evernote」というコメントが表示されます。