Que devrait-on faire pour le faire fonctionner dans IE7?

Question

Ce code fonctionne bien dans les navigateurs modernes. Que devrait-on faire pour le faire fonctionner dans IE7?

function paymentCheck() { 
      var obj = { 
          'type' : 'car', 
          'year' : 2008, 
          'make' : 'Dodge', 
          'model' : 'Avenger', 
          'payments' : 'in process', 
          'paid' : 13286, 
          'toBePaid' : 34856, 
          'paymentsLeft' : 24, 
      }    

      return (obj.toBePaid - obj.paid)/obj.paymentsLeft; 
} 

var button = document.getElementById("calcButton"); 
button.addEventListener("click", function(){ 
      alert(paymentCheck()); 
}, false); 

Answer 1

Comme Akxe mentionné IE7 ne prend pas en charge la fonction addEventListener. Vous pouvez vérifier si le navigateur prend en charge addEventListener et sinon, utilisez le attachEvent à la place:

// check if the browser supports 'addEventListener' 
if(document.addEventListener){ 
    button.addEventListener("click", function(){ 
     alert(paymentCheck()); 
    }); 
} else { 
    button.attachEvent("click", function(){ 
     alert(paymentCheck()); 
    }); 
}; 

Answer 2

IE7 ne possède pas la fonction addEventListener. Vous devriez utiliser attachEvent, mais ceci est IE8 et moins seulement, les autres navigateurs ne le supportent pas! Voir MSIE and addEventListener Problem in Javascript?