Question

In the following fiddle, how can I prevent the click event from bubbling up and calling “AddVertex” when I am dragging and dropping?

To replicate:

1. Click on document (will add a vertex)
2. Click on vertex and drag, upon releasing the mouse addVertex is called which creates another vertex.

I have tried all sorts of combinations of event.stopPropogation, return false etc. in the up function to no joy.

http://jsfiddle.net/paulsidebottom/YzN8K/

Answer 1

I was able to make it work by changing it to this:

function addVertex(e)
{
    if(e.target.nodeName !== 'circle'){
        paper.vertex(e.clientX, e.clientY);
    }
    console.log("Added vertex.");
}