如何在d3中使用mousedown获取鼠标坐标？

Question

我正在尝试在D3中创建一个图形，您可以在其中绘制一个正方形以放大。现在，我正在尝试使mousedown功能正常工作。我需要能够点击图表中的任何位置并获取坐标。这就是我现在所拥有的：

svg.on("mousedown", mousedown)
function mousedown()
{
    console.log(event.clientX);
}

我知道这不对，但我似乎无法找到如何访问鼠标的坐标。

Answer 1

首先，您需要正确设置点击事件。

svg.on('mousedown', function() { console.log(d3.event); } );

在你的情况下：

svg.on('mousedown', mousedown);

function mousedown() {
  console.log(d3.event.clientX);
  console.log(d3.event.clientY);
}