DOM

Window:mousemove イベント

 編集:2022.10.17 by T.A.

[Edge]。→

ウインドウ内でマウス ポインターが動かされたときに発行される。

バブリング ¶あり
キャンセル可能 ¶はい
インターフェイス MouseEvent
イベント ハンドラー プロパティ onmousemove
mousemove イベント

HTML:

<SPAN id=IdLog></SPAN>

JavaScript:

function JobMM(eve){  //mousemove イベントの処理:
  if(eve.shiftKey)D=eve;  //シフトキーが押されている時に記録。=[object]:[object MouseEvent]。「JavaScript:」の所で [Shift]+マウス ポインター動かすで記録。
詳細 //isTrusted=[boolean]:true //screenX=[number]:291 //screenY=[number]:400 //clientX=[number]:84 //clientY=[number]:325 //ctrlKey=[boolean]:false //shiftKey=[boolean]:true //altKey=[boolean]:false //metaKey=[boolean]:false //button=[number]:0 //buttons=[number]:0 //relatedTarget=[object]:null //pageX=[number]:84 //pageY=[number]:1171 //x=[number]:84 //y=[number]:325 //offsetX=[number]:62 //offsetY=[number]:15 //movementX=[number]:1 //movementY=[number]:0 //fromElement=[object]:null //toElement=[object]:[object HTMLTableCellElement] //layerX=[number]:84 //layerY=[number]:1171 //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]:0 //initUIEvent=[function]:function initUIEvent() { [native code] } //type=[string]:mousemove //target=[object]:[object HTMLTableCellElement] //currentTarget=[object]:null //eventPhase=[number]:0 //bubbles=[boolean]:true //cancelable=[boolean]:true //defaultPrevented=[boolean]:false //composed=[boolean]:true //…
let E=eve.target; //ターゲット要素の取得。 IdLog.innerHTML="target:"+E.tagName+"<BR>" +"pageX:"+eve.pageX+"<BR>" +"pageY:"+eve.pageY; //表示。 } window.onmousemove=JobMM; //イベント割り当て。

テスト