Web サイトにドラッグ アンド ドロップ機能を実装しようとしていますが、数時間試行した後、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で動作します。