web-dev-qa-db-ja.com

ondropが発生したときにevent.dataTransfer.filesは空ですか？

さて、ファイルドロップイベントを受け取るように設定された要素がありますが、event.dataTransfer空白です。私はまだドラッグアンドドロップHTML5 APIを学習していませんが、まだ少し霧がかかっています。 my site で作業中です。あなたが私のコードをいじって何が起こっているのかを見て気にしないなら、それは高く評価されるでしょう。 eventオブジェクト全体がログに記録されています。

javascripthtml5drag-and-drop
43
nkcmr

正常に動作しています。コンソールのバグです。

function onDrop(event) {
    event.preventDefault();
    console.log(event.dataTransfer.files[0]);
}
107
Esailija

また、このバグ/動作を見てください： HTML5ドロップイベントは、ドラッグオーバーが処理されない限り機能しません

基本的に、ホバー/ドラッグを処理し、dropEffectを指定する必要があります

3
WFW

私は必要なものを見つけました：

e.originalEvent.dataTransfer
0
Andrew