DOM

Document:drag イベント

 編集:2022.10.10 by T.A.

[Edge]。→

文書上で、要素や選択されたテキストをユーザーがドラッグしている間に、数百ミリ秒ごとに発生します。

バブリング あり
キャンセル可能 はい
インターフェイス DragEvent
イベント ハンドラー プロパティ ondrag
既定のアクション ドラッグ&ドロップ操作を続ける
drag イベント

HTML:

<SPAN id=IdLog></SPAN>

JavaScript:

function Job(eve){ //drag イベントの処理:
  D=eve; //=[object]:[object DragEvent]。文書上のテキストを範囲指定した物をドラッグした。
詳細 //isTrusted=[boolean]:true //dataTransfer=[object]:[object DataTransfer] //screenX=[number]:0 //screenY=[number]:0 //clientX=[number]:-207 //clientY=[number]:-4 //ctrlKey=[boolean]:false //shiftKey=[boolean]:false //altKey=[boolean]:false //metaKey=[boolean]:false //button=[number]:0 //buttons=[number]:1 //relatedTarget=[object]:null //pageX=[number]:-207 //pageY=[number]:907 //x=[number]:-207 //y=[number]:-4 //offsetX=[number]:-229 //offsetY=[number]:-182 //movementX=[number]:0 //movementY=[number]:0 //fromElement=[object]:null //toElement=[object]:[object Text] //layerX=[number]:-207 //layerY=[number]:907 //getModifierState=[function]:function getModifierState() { [native code] } //initMouseEvent=[function]:function initMouseEvent() { [native code] } //view=[object]:[object Window] //detail=[number]:0 //sourceCapabilities=[object]:[object InputDeviceCapabilities] //which=[number]:1 //initUIEvent=[function]:function initUIEvent() { [native code] } //type=[string]:drag //target=[object]:[object Text] //currentTarget=[object]:null //eventPhase=[number]:0 //bubbles=[boolean]:true //cancelable=[boolean]:true //defaultPrevented=[boolean]:false //composed=[boolean]:true //…
IdLog.innerHTML=IdLog.innerHTML +"●"; } document.ondrag=Job;

innerHTML


テスト