DataTransferItem - Web API 接口参考 编辑

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()	Draft	File and Directory Entries API 中定义了webkitGetAsEntry()

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

• Desktop
• Mobile

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