Hammer.js（IE8） - オブジェクトは、プロパティまたはメソッドをサポートしていません 'のaddEventListener'

Question

私はサイトのタッチメニューがhammer.jsを使用して、取得しています：IE8と

"Object doesn't support property or method 'addEventListener'" hammer.js, line 247 character 13

。

動作していないhammer.jsから実際のコード：私はこの問題を解決する方法を

/** 
* simple addEventListener 
* @param {HTMLElement} element 
* @param {String}  type 
* @param {Function}  handler 
*/ 
bindDom: function(element, type, handler) { 
    var types = type.split(' '); 
    for(var t=0; t<types.length; t++) { 
     element.addEventListener(types[t], handler, false); 
    } 
}, 

任意のアイデアを？ http://bugs.jquery.com/ticket/11127

Answer 1

ここから始まっ：

bindDom: function (element, type, handler) { 
    var types = type.split(' '); 
    for (var t = 0; t < types.length; t++) { 
     if (!element.addEventListener) { 
      element.attachEvent(types[t], handler); 
     } else { 
      element.addEventListener(types[t], handler, false); 
     } 
    } 
}, 

それならば：addEventListener not working in IE8

はあなたが好きaddEventListenerの定義を確認することで、コードの機能を修正することができます

jQueryが同様の問題を持っていました我々は最終的に開発者に要求を引き出すことができます。

ドキュメント：https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener?redirectlocale=en-US&redirectslug=DOM%2FEventTarget.addEventListener

Answer 2

あなたはIE8やIE7のサポートが必要な場合は、ハンマープラグインのjQueryのバージョンを使用する必要があります。 hereをダウンロードできます。

Answer 3

お試しください。 https://github.com/egjs/hammerjs-compatible

<!--[if IE 8]> 
 
<script type="text/javascript" src="../dist/hammerjs.compatible.js"></script> <- like this. 
 
<![endif]--> 
 
<script src="../bower_components/hammer.js/hammer.js"></script>