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';
        });

我在firebug控制台中运行此代码后，我有这个输出：

  

true“ - ”“我的文字”

并且一切正常，但在chrome中输出

  

true“ - ”undefined

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

谢谢！

Answer 1

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

您只能在setData

中使用dragstart

并且您只能在drop中使用getData

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

检查dndevents和'保护模式'