在使用d3时，如何仅使用鼠标事件触发拖动？

// 创建一个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 dragHandler = d3.drag()
  .on("drag", function() {
    // 获取鼠标的坐标
    var x = d3.event.x;
    var y = d3.event.y;
    
    // 修改矩形的位置
    rect.attr("x", x)
        .attr("y", y);
  });

// 绑定拖动事件
dragHandler(rect);