Javascript Snap.svg如何获取要拖动的元素

我正在使用Snap.svg库并进行一些拖放操作。我的问题是如何获得我正在拖拽的元素的id。我正在尝试实现拖放，只有选定的区域是有效的拖放目标。我不知道如何检查dragend我的拖拽下有什么元素。 这来自文件：

元素。拖动（onmove、onstart、onend、[mcontext]、[scontext]、[econtext]）

当元素拖到另一个元素上时，drag.over.id也会激发

如何监听drag.over.id

我的代码：

Snap.load("images/drag-drop.svg", function (f) {
  Snap('.state-02').append(f);
});

var s = Snap(".state-02 svg");
var origTransform;
var dropZone = Snap('#drop-zone');

var block = s.rect(100, 100, 100, 100, 20, 20);
block.attr({
    fill: "rgb(236, 240, 241)",
    stroke: "#1f2c39",
    strokeWidth: 3,
    id : 'box'
});

block.drag(

  function onThisDrag(dx, dy, x, y, e) {
    this.attr({
      transform: origTransform + (origTransform ? "T" : "t") + [dx, dy]
    });
  },

  function onThisDragStart(x, y, e) {
    origTransform = this.transform().local;
    console.log('start drag');
  },

  function onThisDragEnd(event) {
    console.log(event);

});

---

我在源代码中感觉到拖拽的东西被注释掉了，所以不确定文档是否正确。我会先检查一下。