獲取可拖動元素的ID

Question

是否有一種方法在原生HTML5中拖放以獲取具有attribut draggable="true"的元素的id？

起初我認為你從可拖動的容器中獲取id是標准的，但實際上它始終是你開始拖動的子元素的id，這非常煩人。

這是一個小提琴： https ： //jsfiddle.net/chickberger/2ujhodeh/2/

我需要div中的id（'correctid'）而不是圖像。

任何幫助表示贊賞。 :)

Answer 1

您可以通過訪問currentTarget屬性而不是event對象上的target屬性來獲取對該元素的引用。

在您的情況下， event.target指的是被定位的最內層元素。

您需要currentTarget屬性，因為它引用了事件偵聽器附加到的元素（具有ondragstart屬性的元素）。

更新的示例

function drag(ev) {
    ev.dataTransfer.setData("text", ev.currentTarget.id);
    alert(ev.currentTarget.id);
}

Answer 2

'ev.target'是一張圖片。 您可以使用parentNode解決此問題：

function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.parentNode.id);
    alert(ev.target.parentNode.id);
}