SYNCERのロゴ
アイキャッチ画像

DataTransferItem - 個々の転送データ

DataTransferItemは、転送中の個々のデータを管理するための機能を備えたインターフェイスです。

概要

名前
DataTransferItem
IDL
[Exposed=Window]
interface DataTransferItem {
  readonly attribute DOMString kind;
  readonly attribute DOMString type;
  void getAsString(FunctionStringCallback? _callback);
  File? getAsFile();
};

callback FunctionStringCallback = void (DOMString data);
仕様書
https://html.spec.whatwg.org/multipage/dnd.html#datatransferitem

チュートリアル

DataTransferItemは、DataTransferItemListから取得できます。

var callbackFn = function ( event ) {
	var dataTransferItemList = event.dataTransfer.items ;

	dataTransferItemList[0] ;	// 1つ目のデータ (DataTransferItem)
	dataTransferItemList[1] ;	// 2つ目のデータ (DataTransferItem)
	dataTransferItemList[2] ;	// 3つ目のデータ (DataTransferItem)
}

element.ondragstart = callbackFn ;

プロパティ

kind

データの種類を表す文字列を返します。

type

データのmime typeを返します。

メソッド

getAsFile()

データをFileとして取得します。

getAsString()

データを文字列として取得します。

定数

固有の定数はありません。

イベント

固有のイベントハンドラはありません。

サポート状況

クリックすると、バージョンごとの対応状況を確認できます。

FeaturesChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
DataTransferItem 30+ 50+×× 12+××
getAsFile() 30+ 50+×× 12+××
getAsString() 30+ 50+×× 12+××
kind 30+ 50+×× 12+××
type 30+ 50+×× 12+××
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月11日 (水)
コンテンツを公開しました。