EaselJS: How to block a figure event listener in overlay area

[lesnoj]

I have the blue circle and the red over.

I want that the blue circle did not react to the events in overlay area.

Not correctly working example http://plnkr.co/edit/rRi4w4kRg3VPzhgbitVK?p=preview

[Anders Athletic Design]

Yes, it's irritating and it did not work like that in Flash if I remember correctly.

As far as I know, you'll have to check if the target is the top-most object with container.getObjectUnderPoint()

http://www.createjs.com/docs/easeljs/classes/Container.html#method_getObjectUnderPoint

[lesnoj]

I want to do so at the time of the running animation (such as moving the character), became inaccessible listeners objects in the scene.

To do this, I tried to use the overlay.

This is my first acquaintance with CreateJS and I do not know much.

Maybe for this, there is another way?

UPD: I found an enableDOMEvents method of Stage Class. It is proper to use it?

[Anders Athletic Design]

9 hours ago, lesnoj said:

I want to do so at the time of the running animation (such as moving the character), became inaccessible listeners objects in the scene.

To do this, I tried to use the overlay.

This is my first acquaintance with CreateJS and I do not know much.

Maybe for this, there is another way?

UPD: I found an enableDOMEvents method of Stage Class. It is proper to use it?

You can set blue.mouseEnabled to false and you can, of course, also simply remove the listener temporarily.

Hiding with overlapping graphics won't work unless you check for top-most object

    	blue.addEventListener('mouseover', function(e) {
    	  if(e.currentTarget === stage.getObjectUnderPoint(e.stageX, e.stageY)){
    	    alert('blue hover')
    	  }    	  
    	}, false);

It's not perfect, however, as mouseover will not be triggered when the mouse moves from overlapped area to visible area.