DropイベントはJSにトリガ/発火ない

Question

サンプル：https://jsfiddle.net/u3m4eazx/

私はあなたがイメージ（$ dropZones）をドロップすることができますドラッグ可能です2枚の画像と3つのdivを持っています。

$dropZones.forEach($z => { 
    $z.addEventListener('dragover', onDragOver); 
    $z.addEventListener('dragleave', onDragLeave); 
    $z.addEventListener('drop', onDrop); 
}); 

dragoverイベントとdragleaveのイベントがトリガと完璧に動作します。私はCSSクラスを追加してdivにホバー効果を与えます。

const onDragOver = e => { 
    e.preventDefault; 
    let id = e.target.dataset.id; 
    let dropzone = document.querySelector(`.dropzone[data-id="${id}"]`); 
    dropzone.classList.add('ready'); 
}; 

私はちょうどクラスを削除します。だから彼らはうまくいく。
しかし、ドロップイベントは発生しません。これは私がドロップイベントで持っているものです

const onDrop = e => { 
    console.log("Drop triggered"); 
    alert('Drop triggered'); 
}; 

誰もがイベントがトリガーしない理由を知っていますか？

Answer 1

ええ、私はこれを振り返り、preventDefault()関数が間違って書かれていることを発見しました。 ()なしで書きました。とにかくありがとうございます。