Flex HTMLLoader组件不会为所有鼠标单击引发mouseDown事件

Question

我已经使用Flash Builder 4构建了Air 2 / Flex 4信息亭应用程序。目前，我正在实现触摸屏浏览器，以使用户能够浏览公司培训视频。 为了提高网站在触摸屏上的可用性，我将HTML组件放置在Doug McCune的DragScrollingCanvas （已更新为使用flex 4'Scroller '组件）的改编版中，以允许用户通过在手指上拖动来滚动网页屏幕。 mouseDown事件用于开始滚动视口。 此外，还对网页进行了修改，以禁用具有以下CSS的文本选择：

html {
    -webkit-user-select: none;
    cursor: default;
}

我面临的问题是，如果单击网页上的链接/输入/按钮，而不是单击背景或任何文本，则HTMLLoader组件只会触发mouseDown。

另外，如果我删除了自定义css，则在选择文本时不会触发mouseDown事件，但是如果单击以前突出显示的文本，则将不会触发mouseDown事件。

作为替代方案，我还尝试添加尺寸与HTMLLoader相同的组容器来检测mouseDown事件（以便该组容器和HTMLLoader具有相同的Dragable父容器），并且能够捕获mouseDown事件并按预期方式滚动视口。 但是，由于鼠标事件是由组容器处理的，因此我现在无法导航该网页。

有人知道为什么HTMLLoader组件没有为所有鼠标单击引发mouseDown事件吗？

Answer 1

有另一种解决问题的方法，仅是为htmlLoader的父级添加鼠标按下事件侦听器。 将useCapture参数设置为true。

parent.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler, true);

Answer 2

我遇到了同样的问题，解决此问题的一种方法是在加载网页完成后编写javascript。

我这样做是这样的：

<mx:HTML id="html" ... >
  <mx:complete>
    var document:Object = html.htmlLoader.window.document;
    var body:Object = document.getElementsByTagName("body");
    body[0].onmousedown = function(o:Object):void
    {
      trace("mouseDown");
      ...
    }
  </mx:complete>
</mx:HTML>