Option to disable double-click and double-tap behavior about d3-zoom

[mbostock]

You can disable double-click by removing the dblclick.zoom event listener after applying the zoom behavior:

selection
    .call(zoom)
    .on("dblclick.zoom", null);

Unfortunately, there’s not a similarly easy way to disable the double-tap because this is a “synthetic” event caused by a single-touch touchstart quickly following another single-touch touchstart. You could remove the touchstart.zoom listener, but then you’d be disabling touch entirely.

Are you still allowing wheel- and touch-based zooming? Or are you only allowing custom programmatic zooming by tapping on nodes or the background? In the later case you could simply avoid applying the zoom behavior to the selection, and simply use it programmatically via zoom.transform.

[vwochnik]

Well, what you mentioned is exactly the point why I have opened this issue. The synthetic behavior is contained inside d3-zoom. Therefore, it would make sense to have an option to disable the behavior entirely.

[mbostock]

Yes; if you there were an easy way to accomplish the requested feature without modifying d3-zoom, I would have already closed this issue. Currently the only way to disable double-tap would be to fork d3-zoom or to only use d3-zoom programmatically, handling input events yourself can then calling zoom.transform as desired.

[vwochnik]

Many thanks to you @mbostock!

[ux-engineer]

@mbostock how do you disable these events with this demo? As it is not calling on selection.

http://bl.ocks.org/mbostock/34f08d5e11952a80609169b7917d4172

Or actually what I would like to implement, rather than disabling, is to undo zooming with double-click. And after that animation has finished, to call a custom function (to resample datasets).

Update: Ah, found the answer for the first question... You would chain it here:

  svg.append("rect")
      .attr("class", "zoom")
      .attr("width", width)
      .attr("height", height)
      .attr("transform", "translate(" + margin.left + "," + margin.top + ")")
      .call(zoom)
      .on("dblclick.zoom", null);

[black-pearl45]

there is no dblclick property d.3 v3