Angular DOM event namespace

Question

How do I namespace my DOM events in AngularJS?

I have some directives that bind mouse events on the Document:

$document.on('mousemove');
$document.on('mouseup');

After mouseup I do:

$document.off('mousemove');
$document.off('mouseup');

And then some other directives does not work, because events were destroyed.

In Angular's documentation for angular.element is written:

on() — Does not support namespaces, selectors or eventData

Well, but I think I need event namespaces to target which events to remove. So, what should I do?

OMG, I forgot about additional parameters in .off() method (facepalm). It works. Make your comment an answer, I will accept it. — artuska
– artuska, Commented Feb 3, 2015 at 21:32

raina77ow · Accepted Answer · 2015-02-03 22:11:28Z

6

Even though jqLite doesn't support namespaces (yet, at least), you can always use .off() with a handler param, to specify which listener you should remove. For example:

function mouseMoveHandler() {
  // do some stuff
}
$document.on('mousemove', mouseMoveHandler);
// ... and later on
$document.off('mousemove', mouseMoveHandler);

answered Feb 3, 2015 at 22:11

raina77ow

107k16 gold badges205 silver badges240 bronze badges

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

Collectives™ on Stack Overflow

Angular DOM event namespace

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related