文本输入的 Flex 可移动视图问题

Question

当用户将视图拖到除文本输入之外的任何位置时，我正在尝试使视图（包含文本输入）可移动。代码如下：

view.addEventListener(MouseEvent.MOUSE_DOWN, handleDown);
view.addEventListener(MouseEvent.MOUSE_UP, handleUp);`

和处理程序：

  private function handleDown(event:MouseEvent):void{
     //move the view if anything else than input text and action is selected
     if (!event.target.hasOwnProperty("text") && !DragManager.isDragging) {
        this.startDrag();
     }
  }
  private function handleUp(event:MouseEvent):void{
     this.stopDrag();
  }

问题是，如果我尝试用鼠标在 textInput 中标记部分文本，我将再次移动视图。我该如何解决这个问题？

附：如果我不在 textInput 命中区域，我也尝试开始拖动：

   var point:Point = localToGlobal(new Point(mouseX, mouseY));
   if (!view.textInput.hitTestPoint(point.x, point.y))) {
        this.startDrag();
   } 

但它也不起作用（说我不在文本输入中，即使我在其中）。有什么想法吗？

Answer 1

您需要将此条件添加到handleDown函数中：

这是一个工作示例：

mc.addEventListener(MouseEvent.MOUSE_DOWN, handleDown);
mc.addEventListener(MouseEvent.MOUSE_UP, mouseUp);

function handleDown(event:MouseEvent):void{
//move the view if anything else than input text and action is selected
  if (stage.focus != mc.textInput) {
    this.startDrag();
  }
}

function mouseUp(e:Event):void
{
    mc.stopDrag();
}

Answer 2

private function handleDown(event:MouseEvent):void{
     //move the view if anything else than input text and action is selected
     if (!event.currentTarget.hasOwnProperty("text") && !DragManager.isDragging) {
        this.startDrag();
     }
  }
  private function handleUp(event:MouseEvent):void{
     this.stopDrag();
  }

Answer 3

实际上对 event.parent.hasOwnProperty("text") 的检查解决了这个问题，因为当我点击文本时，目标是文本本身，而不是文本输入。

Answer 4

对不起，我没有正确理解问题。

这可能会有所帮助，如果您能负担得起额外的变量“isDraggable”。

private var isDraggable:Boolean = true;  // You can make any component non-draggable  

    view.textInput.addEventListener(MouseEvent.MOUSE_DOWN, handleTIDown);
    view.textInput.addEventListener(MouseEvent.MOUSE_OUT, handleTIOut);
    view.textInput.addEventListener(MouseEvent.MOUSE_UP, handleTIOut);        


    view.addEventListener(MouseEvent.MOUSE_DOWN, handleDown);
    view.addEventListener(MouseEvent.MOUSE_UP, handleUp);




 private function handleTIDown(event:MouseEvent):void{
      isDraggable = false;

  }
  private function handleTIOut(event:MouseEvent):void{
     isDraggable = true;
  }


 private function handleDown(event:MouseEvent):void{
     //move the view if anything else than input text and action is selected
     if (isDraggable && !event.target.hasOwnProperty("text") && !DragManager.isDragging) {
        this.startDrag();
     }
  }
  private function handleUp(event:MouseEvent):void{
     this.stopDrag();
  }