DataTransferItem: свойство type
Базовая Широко поддерживается
Это хорошо зарекомендовавшее себя свойство, которое работает во многих устройствах и версиях браузеров. Оно доступно в браузерах с июля 2015 года.
Только для чтения свойство DataTransferItem.type возвращает тип (формат) объекта DataTransferItem, представляющего элемент переносимых данных. type — это строка Юникода, обычно задаваемая MIME-типом, хотя MIME-тип не является обязательным.
Примеры типов: text/plain и text/html.
Значение
Строка, представляющая тип элемента переносимых данных.
Примеры
В этом примере показано использование свойства type.
function dropHandler(ev) {
console.log("Drop");
ev.preventDefault();
const data = ev.dataTransfer.items;
for (let i = 0; i < data.length; i += 1) {
if (data[i].kind === "string" && data[i].type.match("^text/plain")) {
// This item is the target node
data[i].getAsString((s) => {
ev.target.appendChild(document.getElementById(s));
});
} else if (data[i].kind === "string" && data[i].type.match("^text/html")) {
// Drag data item is HTML
console.log("… Drop: HTML");
} else if (
data[i].kind === "string" &&
data[i].type.match("^text/uri-list")
) {
// Drag data item is URI
console.log("… Drop: URI");
} else if (data[i].kind === "file" && data[i].type.match("^image/")) {
// Drag data item is an image file
const f = data[i].getAsFile();
console.log("… Drop: File");
}
}
}
Спецификации
| Спецификация |
|---|
| HTML # dom-datatransferitem-type-dev |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
type |
11 | 12 | 50 | 12 | 5.1 | 18 | 50 | ≤14 | 5 | 1.0 | 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/type