DOM

ClipboardEvent.clipboardData プロパティ

 編集:2022.10.09 by T.A.

[Edge]。→

clipboardEvent …コピー操作では getData() でデータは得られなかった。

mdn: DataTransfer オブジェクトを保持し、次のように使用します。

構文
clipboardEvent.clipboardData
clipboardEvent clipboardEvent オブジェクト。

DataTransfer

HTML:

<SPAN id=IdLog></SPAN>

JavaScript:

function JobCopy(eve){ //copy イベントの処理:
  DT=eve.clipboardData; //DataTransfer オブジェクトの取得。
  D=DT.getData('text/plain'); //データをテキストで得る。
  IdLog.innerHTML="コピー:"+ D;
}
function JobCut(eve){ //cut イベントの処理:
  DT=eve.clipboardData;
  D=DT.getData('text/plain');
  IdLog.innerHTML="切り取り:"+ D;
}
function JobPaste(eve){ //paste イベントの処理:
  DT=eve.clipboardData;
  D=DT.getData('text/plain');
  IdLog.innerHTML="貼り付け:"+ D;
}
function JobDragEnd(eve){
  DT=eve.clipboardData;
  if(!DT){
    alert("eve.clipboardData="+ eve.clipboardData);
    return;
  }
  D=DT.getData('text/plain');
  IdLog.innerHTML="ドロップ:"+ D;
}
document.oncopy=JobCopy;       //イベント割り当て。
document.oncut=JobCut;
document.onpaste=JobPaste;
document.ondragend=JobDragEnd;

コピー、切り取り操作ではクリップボードのデータは得られなかった。

ドロップ、ドラッグエンドでもクリップボードのデータは得られなかった。


テスト