DOM

インターフェイス

DataTransfer.clearData() メソッド

 編集:2022.10.20 by T.A.

[Edge]。→mdnmdn(en-US)

DataTransfer のドラッグ データの中で指定された型のものを削除します。

指定された型のデータが存在しない場合、このメソッドは何もしません。

このメソッドが引数なしで呼び出された場合、またはフォーマットが空文字列であった場合、すべての型のデータが削除されます。

このメソッドはドラッグ操作からファイルを削除しないので、ドラッグに含まれるファイルがある場合、"Files" 型の項目がオブジェクトの DataTransfer.types の一覧に残る可能性があります。

メモ: このメソッドは、dragstart イベントのハンドラーでのみ使用できます。ドラッグ操作のデータ ストアが書き込み可能なのはその時だけだからです。

構文
DataTransfer.clearData([format])
DataTransfer DataTransfer
format 削除するデータの型を指定する文字列。この引数が空の文字列であったり、指定されていない場合は、すべての型のデータが削除されます。
戻り値

なし(undefined)。

dragstart イベントと clearData()

HTML:

<SPAN>[SPAN要素。<B>[B要素]</B>]</SPAN><BR>
<DIV id=IdTest contenteditable>ここでドラッグ操作を…</DIV>
<SPAN id=IdLog></SPAN>

JavaScript:

function Job(eve){  //dragstart イベントの処理:
  D=eve;
  DA=eve.dataTransfer;
  IdLog.innerHTML=IdLog.innerHTML+eve.dataTransfer.types+" ";  //表示。
  if(eve.ctrlKey){  //イベント発生時に [Ctrl]キーが押されていたら:
    for(I=0; I

テスト
HTML:


ここにHTMLが表示される
スクリプト組み込み:
JavaScript:


JavaScript:



表示内容:
表示内容: