не срабатывает stopDrag под объектом

[In8Finity]

Подскажите, как быть?
У меня два контейнера. В нижний добавляется овал, который можно таскать.
В верхний контейнер добавляется квадрат.

Если схватить овал, затащить его за квадрат, лежащий в верхнем слое и отпустить кнопку мыши - stopDrag не сработает.

Код у меня такой:

	public function Test() {	
	conteiner_down = new ConteinerDown(); 
	addChild(conteiner_down);
	conteiner_up = new ConteinerUp(); 
	addChild(conteiner_up);
 
	box = new Box();
	conteiner_up.addChild(box);
	box.x = 250;
	box.y = 150
 
	oval = new Oval();
	conteiner_down.addChild(oval);
 
	oval.addEventListener(MouseEvent.MOUSE_DOWN, onStartDrag);
	oval.addEventListener(MouseEvent.MOUSE_UP, onStopDrag);
 
		}
 
		private function onStartDrag(evt:MouseEvent):void {
			oval.startDrag();
		}
		private function onStopDrag(evt:MouseEvent):void {
			oval.stopDrag();
		}

Можно ли как-то игнорировать верхний контейнер и его содержимое, когда я отпускаю кнопку мыши? Чтобы stopDrag срабатывал в любом случае.

[lumaca]

Добавить MOUSE_OUT.

[dimarik]

this.oval.addEventListener(MouseEvent.MOUSE_DOWN, onStartDrag);
super.stage.addEventListener(MouseEvent.MOUSE_UP, onStopDrag);

[oleg_tomenko]

private var isOvalDragging:Boolean = false;
 
 
this.oval.addEventListener(MouseEvent.MOUSE_DOWN, onStartDrag);
super.stage.addEventListener(MouseEvent.MOUSE_UP, onStopDrag);
 
private function onStartDrag(evt:MouseEvent):void {
	if (!isOvalDragging){
		oval.startDrag();
		isOvalDragging = true;
	}		
}
 
private function onStopDrag(evt:MouseEvent):void {
	if (isOvalDragging){
		oval.stopDrag();
		isOvalDragging = false;
	}
 
}

ну чтоб не всегда он срабатывал, а то мало ли че вы там в тот слушатель будете пихать.