What should be done to make it working in IE7?

Question

This code works well in modern browsers. What should be done to make it working in 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);

Why would anyone care about IE7? Microsoft abandoned it circa 2011 and it has virtually no share of the current browser market ( 0.64% according to wikipedia). — j08691, Apr 21 '16 at 16:51

score 1 · Answer 1 · edited May 23 '17 at 12:22

1

IE7 don't have addEventListener function. You should use attachEvent, but this is IE8 and less only, other browsers don't support it! See MSIE and addEventListener Problem in Javascript?

edited May 23 '17 at 12:22

Community

1
1

answered Apr 21 '16 at 16:52

Akxe

9,694
3
36
71

score 0 · Accepted Answer · answered Apr 21 '16 at 16:59

As Akxe mentioned IE7 does not support the addEventListener function. You can check if the browser supports addEventListener and if not, use the attachEvent instead:

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

What should be done to make it working in IE7?

2 Answers2