MSIE and addEventListener Problem in Javascript?

by

In IE you have to use attachEvent rather than the standard addEventListener.

A common practice is to check if the addEventListener method is available and use it, otherwise use attachEvent:

if (el.addEventListener){
  el.addEventListener('click', modifyText, false); 
} else if (el.attachEvent){
  el.attachEvent('onclick', modifyText);
}

You can make a function to do it:

function bindEvent(el, eventName, eventHandler) {
  if (el.addEventListener){
    el.addEventListener(eventName, eventHandler, false); 
  } else if (el.attachEvent){
    el.attachEvent('on'+eventName, eventHandler);
  }
}
// ...
bindEvent(document.getElementById('myElement'), 'click', function () {
  alert('element clicked');
});

You can run an example of the above code here.

The third argument of addEventListener is useCapture; if true, it indicates that the user wishes to initiate event capturing.

More Related Contents:

  1. addEventListener in Internet Explorer
  2. install flash player automatically with javascript [closed]
  3. addEventListener vs onclick
  4. Why don’t self-closing script elements work?
  5. Why doesn’t this arrow function work in IE 11?
  6. Do HTML5 custom data attributes “work” in IE 6?
  7. forEach on querySelectorAll not working in recent Microsoft browsers
  8. Javascript “addEventListener” Event Fires on Page Load [duplicate]
  9. Cannot read property ‘addEventListener’ of null
  10. How to remove all listeners in an element? [duplicate]
  11. ‘onload’ handler for ‘script’ tag in internet explorer
  12. Removing an anonymous event listener
  13. How can I prevent the backspace key from navigating back?
  14. Adding click event handler to iframe
  15. window.print() not working in IE
  16. Why Firefox says that window.event is undefined? (call function with added event listener)
  17. “Access is denied” JavaScript error when trying to access the document object of a programmatically-created (IE-only)
  18. addEventListener on a querySelectorAll() with classList [duplicate]
  19. window.resize event firing in Internet Explorer
  20. jQuery change event on not firing in IE
  21. Prevent Use of the Back Button (in IE)
  22. “pointer-events: none” does not work in IE9 and IE10
  23. IE’s document.selection.createRange doesn’t include leading or trailing blank lines
  24. Clone a file input element in Javascript
  25. JavaScript: How to simulate change event in internet explorer (delegation)
  26. Can’t dynamically add rows to a in IE?
  27. JavaScript Profiler in IE
  28. postMessage still broken on IE11?
  29. XMLHttpRequest: Network Error 0x80070005, Access is denied on Microsoft Edge (but not IE)
  30. IE e.target.id is not working

Leave a Comment