d3.js:如何获取拖动的事件信息

// 创建一个SVG元素
var svg = d3.select("body")
  .append("svg")
  .attr("width", 500)
  .attr("height", 500);

// 创建一个矩形元素
var rect = svg.append("rect")
  .attr("x", 100)
  .attr("y", 100)
  .attr("width", 100)
  .attr("height", 100)
  .attr("fill", "blue");

// 创建一个拖拽行为
var drag = d3.drag()
  .on("start", dragStart)
  .on("drag", dragging)
  .on("end", dragEnd);

// 将拖拽行为应用到矩形元素上
rect.call(drag);

// 拖拽开始时的回调函数
function dragStart() {
  console.log("拖拽开始");
}

// 拖拽过程中的回调函数
function dragging() {
  console.log("拖拽中");
  console.log("当前鼠标位置：", d3.event.x, d3.event.y);
}

// 拖拽结束时的回调函数
function dragEnd() {
  console.log("拖拽结束");
}