我可以在d3.js中使用drag.container来限制拖拽区域吗？

// 创建一个拖拽行为
var drag = d3.drag()
  .on("drag", function(event) {
    // 限制拖拽区域
    var container = d3.select(".container"); // 假设拖拽区域的选择器为".container"
    var containerRect = container.node().getBoundingClientRect();
    var x = Math.max(containerRect.left, Math.min(containerRect.right - this.getBoundingClientRect().width, event.x));
    var y = Math.max(containerRect.top, Math.min(containerRect.bottom - this.getBoundingClientRect().height, event.y));
    
    // 更新拖拽元素的位置
    d3.select(this)
      .style("left", x + "px")
      .style("top", y + "px");
  });

// 应用拖拽行为到元素上
d3.select(".drag-element") // 假设需要拖拽的元素的选择器为".drag-element"
  .call(drag);