d3.js - 在 D3 缩放中未触发 Mouseup 事件

Question

d3
  .select('body')
  .append('svg')
  .attr('width', 300)
  .attr('height', 300)
  .on('mousedown', () => {
      console.log('mousedown trigger')
  })
  .on('mouseup', () => {
      console.log('mouseup trigger')
  })
  .call(
      d3.zoom()
          .scaleExtent([0.1, 10])
          .on('zoom', function() {
              console.log('zoom trigger')
          })
  )

<script src="https://d3js.org/d3.v5.js"></script>

平台:macos 10.13.2 Chrome 67.0.3396.99

我的代码是这样的，在最新的 d3 版本 5.5.0 中，mouseup 事件没有触发。但是，我尝试了 3.5.0 版本，一切正常。那有什么问题？

Answer 1

正如 Gerardo Furtado 在评论中所指出的，d3-zoom 阻止了 mouseup 事件(自 d3.v4 起)。然而click如果在示例中的缩放行为之前注册，则将触发事件。

见讨论 https://github.com/d3/d3-zoom/issues/66 .