jQueryを使用したondragstartイベント

Question

私はJavascriptドラッグアンドドロップAPIを使用しようとしています。

var file = document.getElementById('file'); 
file.addEventListener('dragstart', function(evt){ 
    evt.dataTransfer.setData("DownloadURL",fileDetails); 
}, false); 

jQueryを「オン」にしてイベントをキャッチする方法はありますか？私は試しました

$('#file').on('dragstart', function(evt) { 
    console.log(evt.dataTransfer);     // this returns undefined 
    evt.dataTransfer.data("DownloadURL",fileDetails); // so this produces error 
}); 

しかし、それは動作しません。

可能であれば、jQuery draggableプラグインを使用したくありません。なぜなら、私はクロスブラウザソリューションを実際に探しているわけではないからです。

おかげ

Answer 1

あなたはこのように、JavaScriptのリスナーのネイティブプロパティにアクセスするためにjQueryのイベントのプロパティoriginalEventを使用する必要があります。

evt.originalEvent.dataTransfer