d3-js 激活和停用缩放行为时的鼠标滚轮问题

Question

我激活和停用缩放行为，如 http://bl.ocks.org/benzguo/4370043 所示：

var zoom = d3.behavior.zoom().on("zoom", rescale)
// after adding the handler, the mouse wheel will still scroll the page

// activate
svg_g_element.call(zoom)
// now, the mouse wheel zoom

// desactivate
svg_g_element.call(d3.behavior.zoom().on("zoom")    

// now, the mouse wheel will neither zoom nor scroll while over the svg_g_element

如何建立默认的鼠标滚轮行为来滚动页面？或者示例中显示的方式不是停用缩放行为的最佳方式？

Answer 1

此代码也会在 Firefox 上禁用鼠标滚轮缩放。

svg_g_element
      .on("mousewheel.zoom", null)
      .on("DOMMouseScroll.zoom", null) // disables older versions of Firefox
      .on("wheel.zoom", null) // disables newer versions of Firefox

Answer 2

您可能希望专门为此禁用缩放鼠标滚轮事件。

svg_g_element.on("mousewheel.zoom", null);