如何在 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);
}