HTML5拖放Chrome中的错误

Question

我正在尝试在我的网站中实现拖放功能，但经过几个小时的尝试后，我得出结论，铬有一个错误，例如尝试这个例子 ，看看你的自己。

似乎dataTransfer属性不存在因此我得到未定义的错误。

这是我的代码：

$(document).on("dragover", "#dropFile", function(e){
    e.dataTransfer.setData('text/x-example', 'Foobar'); //error
    return false; 
});

$(document).on("drop", "#dropFile", function(e){
    e.preventDefault();

    console.log(e.dataTransfer); //error
});

PS这适用于Firefox。

Answer 1

我最近一直在涉及拖放，我的主要浏览器是chrome，到目前为止工作效果很好。 我用来连接事件的方法与你的有点不同

  $(".droppable").bind("dragover", function (e)
  {
    // do stuff here
  });
  $(".droppable").bind("drop", function (e)
  {
    // do stuff here
  })