Question

我正在尝试在我的网站中实现拖放功能，但经过几个小时的尝试后，我得出结论，Chrome中存在一个错误，例如试试这个example并亲眼看看。 / p>

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

P.S这在firefox中有效。

Answer 1

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

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

HTML5拖放Chrome中的错误

1 个答案: