jquery - html5拖放时的谷歌浏览器错误

Question

我尝试用 jquery 和 html5 原生拖放来实现一些东西。

obj.attr("draggable", "true")
        .addClass("initialized")
        .on("dragstart", function(ev) {

            var res = ev.originalEvent.dataTransfer.setData('text/plain', "my text");

            console.log(res, "--", ev.originalEvent.dataTransfer.getData("text/plain"));

            ev.originalEvent.dataTransfer.effectAllowed = 'move';
        });

在萤火虫控制台中运行此代码后，我有以下输出：

真正的“--”“我的文字”

一切正常，但在 chrome 中，输出是

true "--" 未定义

我真的不明白问题出在哪里。似乎chrome不知道如何读取数据。有没有人有想法在 chrome 上进行这项工作？

谢谢！

Answer 1

我遇到了同样的问题，我发现 Drag'n'Drop 的 HTML5 规范令人困惑。

您只能setData在dragstart

你只能getData在 drop中使用

对于其他事件，您应该解析可用（尚未测试）但不包含内容的数据类型。

检查dndevents和“保护模式”