Testirajte sadrži li događaj dragenter / dragover datoteke - CSS-trikovi

Anonim

Povlačenje i ispuštanje HTML5 izvrsno je za rukovanje prijenosima datoteka. Ali ako je to jedina stvar za koju ga koristite, lijepo je znati ima li neki određeni događaj dragenterili dragoverdogađaj stvarno datoteke. Za razliku od, primjerice, samo povlačenja nekog odabranog teksta.

Pošaljite objekt događaja ovoj funkciji i on će vratiti istinu (pod pretpostavkom da ste u pregledniku koji sve ovo podržava):

function containsFiles(event) ( if (event.dataTransfer.types) ( for (var i = 0; i < event.dataTransfer.types.length; i++) ( if (event.dataTransfer.types(i) == "Files") ( return true; ) ) ) return false; )