Проверить, содержит ли событие dragenter / dragover файлы - CSS-хитрости

Anonim

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