The DataTransferItem object represents one drag data item. During a drag operation, each drag event has a dataTransfer property which contains a list of drag data items. Each item in the list is a DataTransferItem object.

This interface has no constructor.


DataTransferItem.kind Read only

The kind of drag data item, string or file.

DataTransferItem.type Read only

The drag data item's type, typically a MIME type.



Returns the File object associated with the drag data item (or null if the drag item is not a file).


Returns a FileSystemFileHandle if the dragged item is a file, or a FileSystemDirectoryHandle if the dragged item is a directory.


Invokes the specified callback with the drag data item string as its argument.

DataTransferItem.webkitGetAsEntry() Non-Standard

Returns an object based on FileSystemEntry representing the selected file's entry in its file system. This will generally be either a FileSystemFileEntry or FileSystemDirectoryEntry object.


All of this interface's methods and properties have their own reference page, and each reference page has an example of its usage.


HTML Standard
# the-datatransferitem-interface

Browser compatibility

BCD tables only load in the browser