Hammer.js (IE8) - L'oggetto non supporta la proprietà o il metodo 'addEventListener'

Question

sto usando hammer.js per un menu tocco per un sito, e ottenere:

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

con IE8.

Il codice reale da hammer.js che non funziona:

/** 
* 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); 
    } 
}, 

Qualsiasi idea di come posso risolvere questo problema?

Jquery usato per avere un problema simile: http://bugs.jquery.com/ticket/11127

Answer 1

A partire da qui: addEventListener not working in IE8

si può risolvere la funzione del codice controllando la definizione di addEventListener come:

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); 
     } 
    } 
}, 

se funziona alla fine possiamo inviare una richiesta agli sviluppatori.

Documenti: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener?redirectlocale=en-US&redirectslug=DOM%2FEventTarget.addEventListener

Answer 2

Se avete bisogno di supporto per IE8 o IE7 si dovrebbe utilizzare la versione jQuery di Hammer plugin. È possibile scaricarlo here.

Answer 3

Provalo. 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>