Перевірте, чи подія 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; )