HTML5 中的拖放操作

Question

拖放操作需要設置一個函數來指定要拖放哪些數據，例如：

HTML代碼：

<img id="drag1" src="img_logo.gif" draggable="true" ondragstart="drag_start(event)" width="336" height="69">

Javascript代碼：

function drag_start(ev) {
  ev.dataTransfer.setData("text", ev.target.id);
}

我不清楚 setData 方法的第一個參數應該是"text"還是"text/plan" （或其他東西）。

這里的例子使用了"text" ，但這里的例子使用了"text/plain"和其他類型。

Answer 1

它可以是任何你想要的。 例如，在我的代碼中，我有

domItem.ondragstart = event => {
            event.dataTransfer.setData("itemid", this.id);
        };

然后，在拖動目標上，我有

domBox.ondrop = ev => {
            if (!ev.dataTransfer.getData('itemid')) return;
            ev.preventDefault();
            var itemId = ev.dataTransfer.getData("itemid");
            // do stuff with itemid
        };