How to disable left-click panning in d3

Question

In D3, panning works both to the left, and in the right mouse click + drag. However, in my case, I want to reserve (left click + drag) for other actions while (right click + drag) performs panning.

How to disable panning on the left click?

Thanks.

Answer 1

I solved this problem as follows:

function doDrag() {
   if (d3.event.button === 0) {
       d3.event.stopImmediatePropagation();
  }
  //other drag work
}

I call this function in the mousedown event.

Answer 2

Add a mouse control button to your function where you handle the drag.

function doDrag(){
   if(d3.event.sourceEvent.button == 0){
     d3.event.stopImmediatePropagation();
     return;
   }

   //other drag work
 }

Hope this helps!