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
string
or file
.DataTransferItem.type
Read only
DataTransferItem.getAsFile()
File
object associated with the drag data item (or null if the drag item is not a file).DataTransferItem.getAsString()
DataTransferItem.webkitGetAsEntry()
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.
Specification | Status | Comment |
---|---|---|
HTML Living Standard The definition of 'DataTransferItem' in that specification. | Living Standard | Initial definition. |
HTML 5.1 The definition of 'DataTransferItem' in that specification. | Recommendation | W3C snapshot of WHATWG |
File and Directory Entries API The definition of 'DataTransferItem.webkitGetAsEntry()' in that specification. | Draft | Definition of webkitGetAsEntry() as part of the File and Directory Entries API. |
Desktop | ||||||
---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
Basic support | 4 | Yes | 50 | No | 12 | No |
getAsFile |
4 | Yes | 50 | No | 12 | No |
getAsString |
4 | Yes | 50 | No | 12 | No |
kind |
4 | Yes | 50 | No | 12 | No |
type |
4 | Yes | 50 | No | 12 | No |
webkitGetAsEntry
|
13 | Yes | 50 | No | No | No |
Mobile | |||||||
---|---|---|---|---|---|---|---|
Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
Basic support | Yes | Yes | ? | 50 | No | No | ? |
getAsFile |
Yes | Yes | ? | 50 | No | No | ? |
getAsString |
Yes | Yes | ? | 50 | No | No | ? |
kind |
Yes | Yes | ? | 50 | No | No | ? |
type |
Yes | Yes | ? | 50 | No | No | ? |
webkitGetAsEntry
|
No | Yes | No | 50 | No | No | ? |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItem