DOM

：

：

DataTransfer.types プロパティ

　編集：2022.10.20 by T.A.

[Edge]。読取専用。→、、

dragstart イベントで設定されたドラッグ データ形式を表す文字列の配列を返します。形式の順序は、ドラッグ操作に含まれるデータの順序と同じです。

形式は、データの型や形式を示す Unicode 文字列で、一般的には MIME タイプで指定されます。MIME タイプでないいくつかの値も、レガシーな理由から特殊なケースに入れられます（たとえば "text" など）。

構文
DataTransfer.types
DataTransfer DataTransfer。
値

ドラッグ操作で使用されるデータ形式の配列。各形式は文字列です。ドラッグ操作にデータが含まれていない場合、このリストは空になります。ドラッグ操作にファイルが含まれている場合は、その型の 1 つが文字列 Files になります。

例
dragstart イベントと types

HTML： 

<IMG src="../../Sample/Picture.jpg"><BR>
<DIV id=IdTest contenteditable>ここにドロップ操作をしてみて…</DIV>
<SPAN id=IdLog></SPAN>

JavaScript： 

function Job(eve){  //dragstart イベントの処理：
  D=eve;
  DA=eve.dataTransfer.types;  //＝[object]：text/uri-list,text/html,Files。IMG要素をドラッグした。
	//0＝[string]：text/uri-list
	//1＝[string]：text/html
	//2＝[string]：Files
  IdLog.innerHTML=IdLog.innerHTML+eve.dataTransfer.types+" ";  //表示。
}
document.ondragstart=Job;  //イベントの割り当て。

得られるデータは文字列の配列のようです。

テスト