Тествайте дали събитието dragenter / dragover съдържа файлове - CSS-трикове

HTML5 плъзгане и пускане е чудесно за обработка на качвания на файлове. Но ако това е единственото нещо, за което го използвате, е хубаво да знаете дали някое конкретно dragenterили dragoverсъбитие всъщност има файлове. За разлика от например само плъзгането на някакъв избран текст.

Изпратете обекта на събитието до тази функция и той ще върне истината (ако приемем, че сте в браузър, който поддържа всичко това):

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