ファイルのdropイベントが発火しないときに見るメモ

drag and drop の実装をしたいとき
dragenter、dragleave は発火するのに drop だけが発火しない事象に遭遇した。

ブラウザデフォルトの 画像をブラウザ上で表示する機能をキャンセルする必要があった

// ファイルドロップしたときに ブラウザデフォルトの 画像をブラウザ上で表示する機能をキャンセル
const htmlReplaceCancel = (e) => {
  e.preventDefault()
  return false
}
document.addEventListener('dragover', htmlReplaceCancel)
document.addEventListener('drop', htmlReplaceCancel)