Snap.svg 如何获取我们拖动的元素

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

Element.drag(onmove, onstart, onend, [mcontext], [scontext], [econtext])

当元素被拖动到另一个元素上时拖动.id也发生火灾

我如何监听drag.over.id？

My code:

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);

});