Hammer.js (IE8) - Obiekt nie obsługuje właściwości lub metody 'addEventListener'

Question

Używam hammer.js na dotykowym menu na stronie, a uzyskanie:

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

z IE8.

Rzeczywisty kod z hammer.js że nie działa:

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

jakiś pomysł jak mogę to naprawić?

Jquery używane mieć podobny problem: http://bugs.jquery.com/ticket/11127

Answer 1

Zaczynając od tutaj: addEventListener not working in IE8

można naprawić funkcję kodu poprzez sprawdzanie definicji addEventListener jak:

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

jeśli to działa, możemy ostatecznie wyciągnąć wniosek do programistów.

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

Answer 2

Jeśli potrzebujesz wsparcia dla IE8 i IE7 należy użyć wersji jquery wtyczki młotem. Możesz go pobrać here.

Answer 3

Spróbuj. 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>