Prevent default dragging

by David Guan

CSS

html, body {
  width: 100%;
  height: 100%;
  background: skyblue;
}

JavaScript

document.addEventListener("dragover", function( event ) {
            event.preventDefault();
  }, false);

  document.addEventListener("dragleave", function( event ) {
            event.preventDefault();

  }, false);

  document.addEventListener("drop", function( event ) {
      // prevent default action (open as link for some elements)
      event.preventDefault();
     
  }, false);