Javascript 如何使用d3中的mousedown获取鼠标坐标?

Javascript 如何使用d3中的mousedown获取鼠标坐标?,javascript,d3.js,coordinates,onmousedown,Javascript,D3.js,Coordinates,Onmousedown,我正在尝试在D3中创建一个图形,在那里你可以画一个正方形来放大。现在,我正在尝试让mousedown函数工作。我需要能够点击图表中的任意位置并获得坐标。这就是我现在拥有的: svg.on("mousedown", mousedown) function mousedown() { console.log(event.clientX); } 我知道这不正确,但我似乎无法找到如何访问鼠标坐标。首先,您需要正确设置单击事件 svg.on('mousedown', function() { c

我正在尝试在D3中创建一个图形,在那里你可以画一个正方形来放大。现在,我正在尝试让mousedown函数工作。我需要能够点击图表中的任意位置并获得坐标。这就是我现在拥有的:

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

我知道这不正确,但我似乎无法找到如何访问鼠标坐标。

首先,您需要正确设置单击事件

svg.on('mousedown', function() { console.log(d3.event); } );
就你而言:

svg.on('mousedown', mousedown);

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

首先修复代码。函数mousedown(事件){…}。函数采用事件参数。请看以下问题: