jQuery addEventListener not working in IE8

Question

I have a script that includes addEventListener and have discovered it isn't supported in < IE9. All the fixes I have seen, do not work when edited according to my script, so looking for some tailored help!

    $(document).ready(function(){




var excuses = [

'excuse one',
'excuse two',
'excuse three',
'excuse four',
'excuse five',
'excuse six',
'excuse seven',
'excuse eight',
'excuse nine'

];

var bttn = document.getElementById('refresh');
var excuse = document.getElementById('excuse');
var rando = 0;

var makeExcuse = function(){
  rando = Math.floor(Math.random()*excuses.length);
  excuse.innerHTML = excuses[rando];
};



makeExcuse();

bttn.addEventListener('click',function(e){
  e.preventDefault();
  makeExcuse();






});



});

Thanks a lot!

Tricky12 · Accepted Answer · 2013-08-20T20:06:16.727

3

Try this:

if(!bttn.addEventListener) {
    bttn.attachEvent("onclick", makeExcuse);
}
else {
    bttn.addEventListener("click", makeExcuse, false);
}

You must do this for IE8 and older because it is not supported in versions older than IE 9. It is documented in this, about halfway down the page.

Legacy Internet Explorer and Attach Event

edited Aug 20 '13 at 20:06

answered Aug 20 '13 at 19:59

Tricky12

6,752
1
27
35

Fantastic! I assume I am to replace the code- makeExcuse(); bttn.addEventListener('click',function(e){ e.preventDefault(); makeExcuse(); – user2144363 Aug 20 '13 at 20:06
That should work, correct. – Tricky12 Aug 20 '13 at 20:07

score 0 · Answer 2 · answered Aug 20 '13 at 20:38

0

Just do it the jQuery way:

 $('#refresh').bind('click', makeExcuse);

answered Aug 20 '13 at 20:38

Todd Bellamy

152
3

jQuery addEventListener not working in IE8

2 Answers2