Verifica se l'evento dragenter / dragover contiene file - Trucchi CSS

Anonim

Il trascinamento della selezione HTML5 è ottimo per gestire i caricamenti di file. Ma se è l'unica cosa per cui lo stai usando, è bello sapere se un particolare dragentero un dragoverevento ha effettivamente dei file. A differenza, ad esempio, del solo trascinamento di un testo selezionato.

Invia l'oggetto evento a questa funzione e restituirà la verità (supponendo che tu sia in un browser che supporta tutto questo):

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