HTML5在Chrome中拖放錯誤

Question

我試圖在我的網站中實現拖放功能，但經過幾個小時的嘗試後，我得出結論，在Chrome中存在一個錯誤，例如試試這個example並查看您的自。

看來，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

我剛剛一直在用拖放操作，而且我的主要瀏覽器是鉻合金，而且目前爲止工作情況很好。我用線了事件的方法有點不同，你

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