[Edge]。読取専用。→、、
ドラッグ操作のデータを(DataTransfer オブジェクトとして)保持します。
| DragEvent | DragEvent |
|---|
DataTransfer オブジェクト。
HTML:
<SPAN id=IdLog></SPAN>
JavaScript:
function JobDS(eve){ //dragstart イベントの処理:
D=eve; //TEXTAREA内の「ipt」を範囲指定してドラッグ、同じ場所にドロップした。
D1=D.dataTransfer.getData('text/plain'); //=[string]:ipt
IdLog.innerHTML=IdLog.innerHTML +"●";
}
function JobDE(eve){ //dragend イベントの処理:
DA=eve; //
DA1=D.dataTransfer.getData('text/plain'); //=[string]:
IdLog.innerHTML=IdLog.innerHTML +"○";
}
function JobDD(eve){ //drop イベントの処理:
DD=eve; //
DD1=D.dataTransfer.getData('text/plain'); //=[string]:
IdLog.innerHTML=IdLog.innerHTML +"Drop ";
}
document.ondragstart=JobDS;
document.ondragend=JobDE;
document.ondrop=JobDD;
event.dataTransfer:
//D.dataTransfer=[object]:[object DataTransfer]詳細
//dropEffect=[string]:copy //effectAllowed=[string]:uninitialized //items=[object]:[object DataTransferItemList] //types=[object]: //files=[object]:[object FileList] //clearData=[function]:function clearData() { [native code] } //getData=[function]:function getData() { [native code] } //setData=[function]:function setData() { [native code] } //setDragImage=[function]:function setDragImage() { [native code] }
以下を表示:
D.dataTransfer.getData('text/plain') //=[string]:
何も得られなかった。
結果:dragstart で event.dataTransfer.getData('text/plain') でデータが得られた。