Zapobieganie kliknięciu podczas przeciągania węzła D3

Question

Jestem w stanie kliknąć węzeł D3, aby uzyskać alert(); wiadomość. Jestem też w stanie przeciągnąć węzeł D3, ale przeciąganie powoduje również kliknięcie po zwolnieniu myszy.

Czy istnieje sposób, aby zapobiec kliknięciu po przeciągnięciu węzła?

To właśnie nazywam drag: poniżej

var node = svg.selectAll(".node") 
    .data(graph.nodes) 
    .enter() 
    .append("g") 
    .attr("transform", function(d){return "translate("+d.x+","+d.y+")"}) 
    .on("click", function(d){ 
     if(d.user_id != "" && d.user_id != null){ 
      parent.parent.openUserProfile(d.user_id); 
     } 
    }) 
    .call(force.drag); 

Jedna odpowiedź sugeruje, dodając coś jak ten kod (poniżej), ale myślę, że powyższy kod także musi zostać zmodyfikowany, aby uczynić je ze sobą współpracować.

var drag = d3.behavior.drag(); 
drag.on("dragend", function() { 
    d3.event.sourceEvent.stopPropagation(); // silence other listeners 
}); 

Answer 1

Jako docs wspomniał:

Przy łączeniu zachowań przeciągnij innych detektorów zdarzeń dla zdarzeń interakcji, można również rozważyć zatrzymanie rozprzestrzeniania się na razie źródłowym, aby zapobiec wielu działań.

var drag = d3.behavior.drag(); 
selection.call(drag); 

drag.on("dragend", function() { 
    d3.event.sourceEvent.stopPropagation(); // silence other listeners 
});