html5拖放时的谷歌浏览器错误答案

【问题标题】：google chrome error on html5 drag and drophtml5拖放时的谷歌浏览器错误
【发布时间】：2012-08-09 16:52:18
【问题描述】：

我尝试用 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 中输出是

真正的“--”未定义

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

谢谢！

【问题讨论】：

标签： jquery html google-chrome drag-and-drop

【解决方案1】：

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

您只能在dragstart 中使用setData

你只能在 drop 中使用getData

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

检查dndevents 和“保护模式”

【讨论】：