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) | 未实现 | 未实现 | 未实现 | 未实现 |