Spec-Zone.ru › Web APIs

DataTransferItem: свойство kind

Базовый Широко доступный

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.

  • Подробнее
  • Полная совместимость
  • Отправить отзыв

Чтение только свойство DataTransferItem.kind возвращает тип — строку или файл — объекта DataTransferItem, представляющего элемент перетаскиваемого данных.

Значение

Строка, представляющая тип данных, перетаскиваемых. Она должна быть одним из следующих значений:

'file'

Если элемент перетаскиваемых данных — файл.

'string'

Если тип перетаскиваемого элемента — простая строка Юникода.

Примеры

В этом примере показано использование свойства kind.

function dropHandler(ev) {
  console.log("Drop");
  ev.preventDefault();
  const data = event.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 === "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-kind-dev

Совместимость браузеров

Рабочие столы Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari на IOS Samsung Internet WebView Android
kind 11 12 50 12 5.1 18 50 ≤14 5 1.0 4

См. также

  • Перетаскивание и отпускание
  • Операции перетаскивания
  • Рекомендуемые типы перетаскивания
  • Тест DataTransfer - Вставка или перетаскивание

© 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/kind

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API