如何克服端口分离问题？

Question

在此示例中： 撤消/重做

• 将起始节点放到画布上。
• 将鼠标放在端口上并将其拖动。
• 现在，在拖动的同时按一下右键。

现在的问题是端口与起始节点分离。 这不应该发生。

请查看下面的图片以更好地理解。 请帮助我解决此问题。 提前致谢。

Answer 1

我仔细分析了这个问题，得出的结论是：

• 问题在“按下鼠标”和“按下鼠标”上。
• 如我所见，当我按下鼠标并拖动端口，然后按下鼠标右键。 然后发生的事情是在canvas.js中按下鼠标。

• 然后，当鼠标右键向上拖动时，会调用canvas.js向上鼠标，并使mouseDown = false。

   this.html.bind("mouseup touchend", $.proxy(function(event) { if (this.mouseDown === false) return; event = this._getEvent(event); this.mouseDown = false;// it makes mouseDown false this.onMouseUp(); }, this)); 

• 因此，对于快速修复，我知道如果右键单击鼠标右键并按下鼠标右键，则返回：

在鼠标按下时：

    this.html.bind("mousedown touchstart", $.proxy(function(event)
        {                
           event.preventDefault();

           if(event.which == 3)//added this in the mouse down
              return;

           event = this._getEvent(event);

           this.mouseDownX = event.clientX;
           this.mouseDownY = event.clientY;
           var pos = this.fromDocumentToCanvasCoordinate(event.clientX, event.clientY);
           this.mouseDown = true;
           this.onMouseDown(pos.x, pos.y);
    }, this));

在鼠标上：

this.html.bind("mouseup touchend", $.proxy(function(event)
        {
            //added extra condition for right click
            if (this.mouseDown === false || event.which == 3)
                return;

            event = this._getEvent(event);

            this.mouseDown = false;// it makes mouseDown false
            this.onMouseUp();
        }, this));

• 经过上述修改后，问题得以解决，我可能是错的。 请更正我，因为我尚未对其进行深入测试，但是您可以正常工作。 我需要你的指导。 很抱歉更改代码。

非常感谢：）

Answer 2

这是一个错误，将在下一版本中修复。