html - HTML 5ドロップファイルはdivでのみ

Question

私は JSF プライムフェイス プロジェクトを行っています。ドラッグ アンド ドロップ ファイルを受け入れる div id="dropBox" にプライムフェイス ファイル アップロード コンポーネントがあります。通常、ページ上の任意の場所にファイルをドロップすると、ブラウザが開きます。この動作を無効にしたいdiv dropBox でのみドロップを許可します。次のコードは、ページ全体でファイルのドラッグ アンド ドロップを無効にします。

$(document).bind({
   dragenter: function (e) {
      e.stopPropagation();
      e.preventDefault();
      var dt = e.originalEvent.dataTransfer;
      dt.effectAllowed = dt.dropEffect = 'none';

   },
   dragover: function (e) {
      e.stopPropagation();
      e.preventDefault();
      var dt = e.originalEvent.dataTransfer;
        dt.effectAllowed = dt.dropEffect = 'none';

   }
});