Previene l'azione di clic durante il trascinamento di un nodo D3

Question

Sono in grado di fare clic su un nodo D3 per ottenere un alert(); Messaggio. Sono in grado di trascinare anche il nodo D3, ma il trascinamento attiva anche il comportamento del clic quando viene rilasciato il mouse.

C'è un modo per impedire il comportamento del clic dopo aver trascinato il nodo?

Questo è dove io chiamo trascinamento:

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); 

Una risposta al di sotto suggerisce di aggiungere qualcosa di simile a questo codice (sotto), ma penso che il codice di cui sopra anche deve essere modificato per farli lavorare insieme.

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

Answer 1

Come il docs ha detto:

Quando si combinano comportamenti trascinare con altri listener di eventi per gli eventi di interazione, si può anche considerare fermare la propagazione sull'evento sorgente per prevenire azioni multiple.

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

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