Binding click event to ie8 $window in angularjs

Question

My initial approach to binding a click event in ie8 for angularjs has been this:

var w = angular.element($window);
w.bind('click', function(){alert('hi')});

But that works in every browser except ie8 of course. So I tried:

function bindEvent() {
        if($window.addEventListener)
            $window.addEventListener('click', alert('Hi'), false);
        else
           $window.attachEvent('onclick', alert('Hi ie8')); 
    }

This works for all browsers but in a weird way. As soon as the page loads I get the alert but when I click around I don't see the alert. So the alert only fires on page load but I am clearly saying 'click' or 'onclick' as you can see.

I've tried some hybred approaches such as sticking the bindEvent function into a $timout and even removing from function definition and just call the if-else block in the angularjs controller.

Even got creative with the .bind function and added a 3rd parameter as 'false' to prevent event bubbling up. I'm at a loss as to how to get a click event bound to the ie8 window object so anytime I click on the page it calls a function. Help!

Mathew Berg · Accepted Answer · 2015-01-28 17:54:49Z

1

It's because your alert is being fired right away, wrap it in a function:

function bindEvent() {
    if($window.addEventListener){
        $window.addEventListener('click', function(){
            alert('Hi')
        }, false);
    }
    else{
        $window.attachEvent('onclick', function(){
            alert('Hi ie8')
        }); 
    }
}

answered Jan 28, 2015 at 17:54

Mathew Berg

28.8k11 gold badges72 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

floribon Over a year ago

Fyi you can also bind the parameter: $window.addEventListener('click', alert.bind(this, 'Hi'), false);

Collectives™ on Stack Overflow

Binding click event to ie8 $window in angularjs

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related