Tesztelje, hogy a dragenter / dragover esemény tartalmaz-e fájlokat - CSS-trükkök

A HTML5 drag and drop kiválóan alkalmas fájlfeltöltések kezelésére. De ha csak erre használod, akkor jó tudni, hogy egy adott eseménynek dragentervagy dragovereseménynek valóban vannak-e fájljai. Ellentétben például néhány kiválasztott szöveg húzásával.

Küldje el az eseményobjektumot ennek a függvénynek, és ez visszaadja az igazságot (feltételezve, hogy egy böngészőben van, amely mindezt támogatja):

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; )