DataTransferItem

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

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
HTML
# the-datatransferitem-interface

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
DataTransferItem
getAsFile
getAsFileSystemHandle
Experimental
getAsString
kind
type
webkitGetAsEntry

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Experimental. Expect behavior to change in the future.