DataTransferItem
Базовая Широко доступная *
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
* Некоторые части этой функции могут иметь различный уровень поддержки.
Объект DataTransferItem представляет собой один элемент данных перетаскивания. Во время операции перетаскивания каждый DragEvent имеет свойство dataTransfer, которое содержит список list элементов данных перетаскивания. Каждый элемент в списке является объектом DataTransferItem.
DataTransferItem был разработан в первую очередь для API перетаскивания и сбрасывания HTML, и по-прежнему специфицируется в разделе HTML перетаскивания и сбрасывания, но теперь он также используется другими API, такими как ClipboardEvent.clipboardData и InputEvent.dataTransfer. Документация DataTransferItem в основном будет обсуждать её использование в операциях перетаскивания, и вы должны обратиться к документации других API для использования DataTransferItem в этих контекстах.
У этого интерфейса нет конструктора.
Свойства экземпляра
-
DataTransferItem.kindТолько для чтения -
Тип элемента данных перетаскивания,
stringилиfile. -
DataTransferItem.typeТолько для чтения -
Тип элемента данных перетаскивания, обычно тип MIME.
Методы экземпляра
DataTransferItem.getAsFile()-
Возвращает объект
File, связанный с элементом данных перетаскивания (или null, если элемент перетаскивания не является файлом). -
DataTransferItem.getAsFileSystemHandle()Экспериментально -
Возвращает
FileSystemFileHandle, если перетаскиваемый элемент — файл, илиFileSystemDirectoryHandle, если перетаскиваемый элемент — директория. DataTransferItem.getAsString()-
Вызывает указанный обратный вызов со строкой элемента данных перетаскивания в качестве аргумента.
DataTransferItem.webkitGetAsEntry()-
Возвращает объект на основе
FileSystemEntry, представляющий запись выбранного файла в его файловой системе. Обычно это будет объектFileSystemFileEntryилиFileSystemDirectoryEntry.
Пример
У всех методов и свойств этого интерфейса есть своя справочная страница, и на каждой справочной странице есть пример её использования.
Спецификации
| Спецификация |
|---|
| HTML # the-datatransferitem-interface |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
DataTransferItem |
11 | 12 | 50 | 12 | 5.1 | 18 | 50 | ≤14 | 5 | 1.0 | 4 |
getAsFile |
11 | 12 | 50 | 12 | 5.1 | 18 | 50 | ≤14 | 5 | 1.0 | 4 |
getAsFileSystemHandle |
86 | 86 | Нет | 72 | Нет | 132 | Нет | Нет | Нет | Нет | 132 |
getAsString |
11 | 12 | 50 | 12 | 5.1 | 18 | 50 | ≤14 | 5 | 1.0 | 4 |
kind |
11 | 12 | 50 | 12 | 5.1 | 18 | 50 | ≤14 | 5 | 1.0 | 4 |
type |
11 | 12 | 50 | 12 | 5.1 | 18 | 50 | ≤14 | 5 | 1.0 | 4 |
webkitGetAsEntry |
13 | 14 | 50 | 15 | 11.1 | 18 | Нет | 14 | 11.3 | 1.0 | 4.4 |
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItem