Angular JS detach event handler

Question

I'm looking for a way to release an event when linked on this way:

angular.element($document[0].body).on('click', function (e) {
           // code
});

Any clue?

Be aware that will disable all click handlers for that selector, that were registered with 'on'. Of course, if that is the only one then no problem. — mccainz
– mccainz, Commented Oct 13, 2014 at 14:40

Anemoia · Accepted Answer · 2014-10-13 14:41:59Z

3

// handler
var handler = function (e) { }    

angular.element($document[0].body).on('click', handler);


// afterwards
angular.element($document[0].body).off('click', handler);

Also check if you're using jQuery or jqLite (https://docs.angularjs.org/api/ng/function/angular.element, Angular's implementation). You might try to do unsupported things if you use the latter.

edited Oct 13, 2014 at 14:41

answered Oct 13, 2014 at 14:36

Anemoia

8,1139 gold badges49 silver badges75 bronze badges

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

3 Comments

mccainz Over a year ago

The OPs code is using an anon function so Im not sure this will work if he can't refactor code to avoid that.

PSL Over a year ago

+1 I guess best practice is to separate out anon handler to named function and set the reference. So that you are turning off only that click handler.

mccainz Over a year ago

+1, I like surgical solutions that don't suprise me in the future.

Collectives™ on Stack Overflow

Angular JS detach event handler

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related