En esta aplicación, el usuario puede arrastrar y soltar un archivo en la ubicación especificada. Digamos aquí:
<div id="dropZone" style="width: 200px; height: 100px;"></div>Sin embargo, notamos que no importa dónde se coloque el archivo, la página web lo procesará. Aquí hay un ejemplo tomado en línea https://jsfiddle.net/oL2akhtz/ . Hay un lugar para dejar el archivo, pero no importa dónde lo dejes, permanecerá. ¿Cómo saber si el usuario está soltando el archivo en el lugar correcto? ¿O cómo deshabilita el cursor si el usuario no está soltando el archivo donde debería estar?
en realidad solo funciona en la zona de caída porque tiene ancho y alto completos. y el arrastre se establece en window , cuando un usuario arrastra sobre la ventana, el div estará visible pero no recibirá ningún archivo
arreglarlo
div#dropZone { background: gray; position: fixed; top: 0; left: 0; width: 30%; height: 30%; z-index: 999; opacity: 0.6; visibility: hidden; }