d3.js可缩放圆包装-如何在缩放完成之前防止额外的点击事件

var svg = d3.select("body")
  .append("svg")
  .attr("width", width)
  .attr("height", height);

var zoom = d3.zoom()
  .scaleExtent([1, 8])
  .on("zoom", zoomed);

var root = d3.hierarchy(data)
  .sum(function(d) { return d.value; });

var pack = d3.pack()
  .size([width, height])
  .padding(1);
  
var nodes = pack(root).descendants();

var circle = svg.selectAll("circle")
  .data(nodes)
  .enter()
  .append("circle")
  .attr("class", function(d) { return d.parent ? d.children ? "node" : "node node--leaf" : "node node--root"; })
  .style("fill", function(d) { return d.children ? color(d.depth) : null; })
  .on("click", clicked);

function zoomed() {
  svg.attr("transform", d3.event.transform);
  circle.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; })
    .attr("r", function(d) { return d.r; });
}

function clicked(d) {
  if (d3.event.transform.k !== 1) return;
  // 处理点击事件的逻辑
}