如何检查鼠标单击是否在元素内

Question

click事件用于父元素时，检查子元素内是否单击鼠标的代码是什么。 仅当单击位于子元素内时，我才需要区分执行某些任务。 Flex中会发生哪种传播？ 我对此有些陌生。

我有一个带有视频显示和视频控制栏的视频播放器。 我注册了占用全屏的视频播放器的点击事件。 单击时，控制栏应进行切换（按编程），但是单击控制栏中的任何元素时，整个栏消失。

<!-- Player Container -->
<s:BorderContainer width="100%" height="100%"
           backgroundAlpha="0"
           borderVisible="false">

  <s:VideoPlayer id="vid_player"
          width="100%" height="100%"
          verticalCenter="0"
          horizontalCenter="0"
          skinClass="Skins.VideoPlayerSkin"
          maintainProjectionCenter="true"
          mouseDown="hideControls(event)"
          autoPlay="true" source="{current_video.getSource()}"/>            
</s:BorderContainer><!-- Player Container -->

public function hideControls(event:Event):void {
  hidePlaylist();
  toggleElem(header);
  toggleElem(sec_drop_container);
  toggleVideoPlayer();
}

public function toggleVideoPlayer() {
    var controls:Object = vid_player.videoDisplay.parent.getChildAt(1);
    if(controls.visible)
        controls.visible=false;
    else
        controls.visible  = true;
}

Answer 1

可能最简单的方法是：

private function mouseHandler(event:MouseEvent/*was e:MouseEvent*/):void {
    whateverObject.hitTestPoint(event.stageX, event.stageY, false); // use shape flag is 3rd argument
}