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"（或其他）。

示例here使用"text"，但是示例here使用"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
        };

HTML5中的拖放操作

1 个答案: