[Edge]。→、、
合成した DragEvent オブジェクトを作成するために使用します。
このインターフェイスにはコンストラクターがありますが、有用な DataTransfer オブジェクトは、ドラッグ＆ドロップの際にブラウザーが調整する処理とセキュリティ モデルを持っているので、スクリプトから作成することはできません。
| type | イベント名を表す文字列です。
| ||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| dragEventInit | 省略可。DragEventInit 辞書で、以下のフィールドがあります。
DragEventInit 辞書は MouseEventInit 辞書から継承しています。 |
HTML：
<SPAN id=IdTest>SPAN要素。テスト</SPAN><BR> <SPAN id=IdLog></SPAN>
JavaScript：
function Job(eve){ //drag イベントの処理：
D=eve; //＝[object]：[object DragEvent]
詳細
//isTrusted＝[boolean]：false
//dataTransfer＝[object]：null
//screenX＝[number]：100
//screenY＝[number]：0
//clientX＝[number]：0
//clientY＝[number]：0
//ctrlKey＝[boolean]：false
//shiftKey＝[boolean]：false
//altKey＝[boolean]：false
//metaKey＝[boolean]：false
//button＝[number]：0
//buttons＝[number]：0
//relatedTarget＝[object]：null
//pageX＝[number]：0
//pageY＝[number]：0
//x＝[number]：0
//y＝[number]：0
//offsetX＝[number]：-19
//offsetY＝[number]：-169
//movementX＝[number]：0
//movementY＝[number]：0
//fromElement＝[object]：null
//toElement＝[object]：[object HTMLSpanElement]
//layerX＝[number]：0
//layerY＝[number]：0
//getModifierState＝[function]：function getModifierState() { [native code] }
//initMouseEvent＝[function]：function initMouseEvent() { [native code] }
//view＝[object]：null
//detail＝[number]：0
//sourceCapabilities＝[object]：null
//which＝[number]：1
//initUIEvent＝[function]：function initUIEvent() { [native code] }
//type＝[string]：drag
//target＝[object]：[object HTMLSpanElement]
//currentTarget＝[object]：null
//eventPhase＝[number]：0
//bubbles＝[boolean]：false
//cancelable＝[boolean]：false
//defaultPrevented＝[boolean]：false
//composed＝[boolean]：false
//…
IdLog.innerHTML=IdLog.innerHTML+"●"; //記録表示。
}
IdTest.ondrag=Job; //イベント割り当て。
DE=new DragEvent('drag', {dataTransfer:null, screenX:100}); //drag イベントの生成。
IdTest.dispatchEvent(DE); //要素でイベントを発行する。