javascript - chrome中的HTML5拖放错误

Question

我正在尝试在我的网站中实现拖放功能，但经过几个小时的尝试后，我得出结论认为 chrome 中存在错误，例如尝试这个示例并亲自查看。

似乎该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
  })