DataTransferItem
描述了一个拖拽项。在一个拖拽操作中,每一个 drag event
都有一个dataTransfer
属性,它包含一个存有拖拽数据的 list
,其中每一项都是一个 DataTransferItem
。
这个接口没有构造函数。
属性
DataTransferItem.kind
只读- 拖拽项的性质,
string
或是file。
DataTransferItem.type
只读- 拖拽项的类型,一般是一个MIME 类型.
方法
DataTransferItem.getAsFile()
- 返回一个关联拖拽项的
File
对象 (当拖拽项不是一个文件时返回 null)。 DataTransferItem.getAsString()
- 使用拖拽项的字符串作为参数执行指定回调函数。
DataTransferItem.webkitGetAsEntry()
- 返回一个基于
FileSystemEntry
的对象来表示文件系统中选中的项目。通常是返回一个FileSystemFileEntry
或是FileSystemDirectoryEntry
对象.
例子
这个接口所有的属性和方法都有自己的介绍页,请到各自的介绍页中查看示例用法。
规范
Specification | Status | Comment |
---|---|---|
HTML Living Standard DataTransferItem |
Living Standard | 初始定义 |
HTML 5.1 DataTransferItem |
Recommendation | W3C snapshot of WHATWG |
File and Directory Entries API DataTransferItem.webkitGetAsEntry() |
Editor's Draft | File and Directory Entries API 中定义了webkitGetAsEntry() |
浏览器兼容性
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|---|
Basic support | 4 | (Yes) | 50 (50) | 未实现 | 12 | 未实现 |
Feature | Android | Android Webview | Chrome for Android | Edge | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|---|---|---|
Basic support | 未实现 | 未实现 | 未实现 | ? | 50.0 (50) | 未实现 | 未实现 | 未实现 | 未实现 |