FLEX 中关于组件的MouseX/Y和组件事件的LocalX/Y的区别

目的：

        在Group容器中实现子容器gp1及其gp1内部子组件随gp1组件的拖动效果。

实现：

        1.初始化时，注册鼠标按下事件：

	public function onInit():void
	{	

		...
		gp1.addEventListener(MouseEvent.MOUSE_DOWN,onMouseDown);
		...
	}

        2.鼠标按下响应函数：

 

	public function onMouseDown(e:MouseEvent):void
	{
		//oldEventX = e.localX;
		//oldEventY = e.localY;				
		oldEventX = gp1.mouseX;
		oldEventY = gp1.mouseY;				
		gp1.addEventListener(MouseEvent.MOUSE_MOVE,onMouseMove);
		gp1.addEventListener(MouseEvent.MOUSE_UP,onMouseUp);
				
	}  

             3.随着鼠标移动而移动组件：

         public function onMouseMove(e:MouseEvent):void
	{	
		if(e.localX != 0 && e.localX!= 0)
		{
//			offSetX = e.localX -oldEventX;
//			offSetY = e.localY -oldEventY;
					
			offSetX = gp1.mouseX -oldEventX;
			offSetY = gp1.mouseY -oldEventY;
					
			gp1.x += offSetX;
			gp1.y += offSetY;
		}
	}

        4.鼠标抬起时，注销移动和抬起事件：

	public function onMouseUp(e:MouseEvent):void
	{
		gp1.removeEventListener(MouseEvent.MOUSE_MOVE,onMouseMove);
		gp1.removeEventListener(MouseEvent.MOUSE_UP,onMouseUp);					
	}

 效果：

        到此，按照上面的步骤（使用绿色部分代码，注释红色代码），得到的效果为：在移动组件的过程中，有时会出现得到的e.localX/Y突然变得特别大的情况，从而组件移动到屏幕外面的情况；

原因：

         每次在移动过程中事件e.target不唯一，不一定是gp1,有时为gp1中的子组件，所以e.localX/Y不唯一。

        查看Flex帮助：

       

mx.core.UIComponent.mouseX():Number

[只读] 指示此鼠标或用户输入设备位置的 x 坐标，以像素为单位。      

flash.events.MouseEvent.localX():Number

事件发生点相对于所属 Sprite 的水平坐标。

flash.events.MouseEvent.stageX():Number

[只读] 事件发生点在全局舞台坐标中的水平坐标。当设置 localX 属性时会计算此属性。