Javascript 如何限制智能GWT中的拖动？

我试图在画布中拖动画布。来处理我正在使用的拖动事件

addDragRespositionStartHandler

，

AddDragRespositionMoveHandler

，

AddDragRespositionStopHandler

处理程序

我需要在几个条件下限制拖动。假设我希望在获取

event.getX（）

时限制拖动，使其在

public void onDragRepositionMove（DragRepositionMoveEvent事件）

中超过500

我尝试了

event.cancel（），但它不起作用。我只需要限制拖动

非常感谢您提供的任何帮助。
请查看showcase演示。从演示中提取的一些相关代码：

    DragPiece green = new DragPiece("pawn_green.png"){  
        @Override  
        protected boolean setDragTracker() {  
            String html = Canvas.imgHTML("pieces/24/pawn_green.png", 24, 24);  
            EventHandler.setDragTracker(html);  
            return false;  
        }  
    };  
    green.setID("greenPiece");  
    green.setTitle("Green Piece");  
    green.setLeft(150);  
    green.setTop(50);  


    final Label label = new Label("Drop Here");  
    label.setLeft(250);  
    label.setTop(50);  
    label.setShowEdges(true);  
    label.setAlign(Alignment.CENTER);  
    label.setCanAcceptDrop(true);  
    label.addDropOverHandler(new DropOverHandler() {  
        public void onDropOver(DropOverEvent event) {  
            label.setBackgroundColor("#FFFF88");              
        }  
    });  

    label.addDropOutHandler(new DropOutHandler() {  
        public void onDropOut(DropOutEvent event) {  
            label.setBackgroundColor("#ffffff");  
        }             
    });  

    label.addDropHandler(new DropHandler() {  
        public void onDrop(DropEvent event) {  
            Canvas target = EventHandler.getDragTarget();  
            SC.say("You dropped the " +  target.getID());                 
        }             
    });  

有关此代码的一些注释：

请注意标签是如何用于定义放置区域的，但是您可以使用其他
Canvas
对象来定义放置区域
addDropOverHandler
、
addDropOutHandler
和
addDropHandler
方法允许您将所需的处理程序添加到此
标签或
画布
对象以产生所需的结果
DragPiece
只是Img的一个子类，它具有
setCanDragReposition（true）
和
setCanDrop（true）
，因此元素是可拖动的
看看showcase演示。从演示中提取的一些相关代码：

    DragPiece green = new DragPiece("pawn_green.png"){  
        @Override  
        protected boolean setDragTracker() {  
            String html = Canvas.imgHTML("pieces/24/pawn_green.png", 24, 24);  
            EventHandler.setDragTracker(html);  
            return false;  
        }  
    };  
    green.setID("greenPiece");  
    green.setTitle("Green Piece");  
    green.setLeft(150);  
    green.setTop(50);  


    final Label label = new Label("Drop Here");  
    label.setLeft(250);  
    label.setTop(50);  
    label.setShowEdges(true);  
    label.setAlign(Alignment.CENTER);  
    label.setCanAcceptDrop(true);  
    label.addDropOverHandler(new DropOverHandler() {  
        public void onDropOver(DropOverEvent event) {  
            label.setBackgroundColor("#FFFF88");              
        }  
    });  

    label.addDropOutHandler(new DropOutHandler() {  
        public void onDropOut(DropOutEvent event) {  
            label.setBackgroundColor("#ffffff");  
        }             
    });  

    label.addDropHandler(new DropHandler() {  
        public void onDrop(DropEvent event) {  
            Canvas target = EventHandler.getDragTarget();  
            SC.say("You dropped the " +  target.getID());                 
        }             
    });  

有关此代码的一些注释：

请注意标签是如何用于定义放置区域的，但是您可以使用其他
Canvas
对象来定义放置区域
addDropOverHandler
、
addDropOutHandler
和
addDropHandler
方法允许您将所需的处理程序添加到此
标签或
画布
对象以产生所需的结果
DragPiece
只是Img的一个子类，它具有
setCanDragReposition（true）
和
setCanDrop（true）
，因此元素是可拖动的