当鼠标单击触发时如何停止 mouse_out 触发

Question

我的按钮具有 mouse_over、mouse_out 和 CLICK 事件。但是当我单击按钮时，它会将我带到另一个框架，并且 mouse_out 事件尝试触发。我该如何阻止这种情况发生？

act1_btn.addEventListener(MouseEvent.CLICK, act1Pressed);    
act1_btn.addEventListener(MouseEvent.MOUSE_OVER, act1Over);
act1_btn.addEventListener(MouseEvent.MOUSE_OUT, act1Out);
act1_btn.addEventListener(Event.ENTER_FRAME, act1EnterFrame);



function act1Over(e:MouseEvent):void 
 {
  trace("over");
  act1Animating = true; 
  logo_1.visible = true;
  bubble.visible = true;
  txt1.visible = true;
 }

 function act1Out(e:MouseEvent):void 
 {
  act1Animating = false;
  logo_1.visible = false;
  bubble.visible = false;
  txt1.visible = false;
 }

 function act1EnterFrame(e:Event):void
 {
  if (act1Animating && e.target.scaleY < 1.1)
  {
   e.target.scaleY += 0.02;
   e.target.scaleX += 0.02;

  } 

  if (!act1Animating && e.target.scaleY > 1)
  {
   e.target.scaleY -= 0.02;
   e.target.scaleX -= 0.02;
  } 
 }

 function act1Pressed(e:MouseEvent):void 
 {
  trace("clicked");
  act1Animating = false;
  logo_1.visible = false;
  bubble.visible = false;
  txt1.visible = false;
  gotoAndStop(2);
 }

Answer 1

有两种方法可以处理此问题：

1) 仅在 MOUSE_OVER 处理程序中分配 MOUSE_OUT 侦听器，然后在 MOUSE_OUT 处理程序完成后将其删除。即，

function act1Over(e:MouseEvent):void {
  /* your code */
  act1_btn.addEventListener(MouseEvent.MOUSE_OUT, act1Out); 
}

function act1Out(e:MouseEvent):void {
  /* your code */
  act1_btn.removeEventListener(MouseEvent.MOUSE_OUT, act1Out); 
}

2) 在您的 CLICK 处理程序中使用 stopPropagation() ：

function act1Pressed(e:MouseEvent):void {
  /* your code */
  e.stopPropagation();
}

另外，以后请使用代码标签来标记您的代码！

Answer 2

尝试一下 ROLL_OVER 和 ROLL_OUT MouseEvent 可能不是一个坏主意。当有人滚过物体或滚出时，它们只会发射一次，而不是连续发射。

Answer 3

当您单击按钮时，您将触发 MouseOver & 按钮。 MouseOut 事件，如果您不希望在 Click 事件之后触发 MouseOut 事件，那么您应该在 Click 事件监听器中删除 MouseOut 事件监听器。

这意味着，为了确保在 MouseOver 时有 MouseOut 侦听器，您应该在 MouseOver 侦听器中添加 MouseOut 侦听器。

最后，您应该删除 MouseOut 侦听器中的 MouseOut 事件侦听器。