[Edge]。→、
ポインティング デバイス(通常はマウス)のカーソルが要素の上で移動されると、その要素に発行されます。
| バブリング | あり |
|---|---|
| キャンセル | 可能 |
| インターフェイス | MouseEvent |
| イベント ハンドラー プロパティ | onmousemove |
→
HTML:
<SPAN id=IdTest>[SPAN要素。ここでマウスを操作してください…<B>[B要素]</B>テキスト<INPUT value="INPUT要素">]</SPAN><BR> <SPAN id=IdLog></SPAN><BR> <SPAN id=IdLog2></SPAN><BR>
JavaScript:
function Job(eve){ //mousemoveイベントの処理:
D=eve; //=[object]:[object MouseEvent]。B要素を縦に横断しました。
詳細
//isTrusted=[boolean]:true
//screenX=[number]:664
//screenY=[number]:123
//clientX=[number]:457
//clientY=[number]:48
//ctrlKey=[boolean]:false
//shiftKey=[boolean]:false
//altKey=[boolean]:false
//metaKey=[boolean]:false
//button=[number]:0
//buttons=[number]:0
//relatedTarget=[object]:null
//pageX=[number]:457
//pageY=[number]:1175
//x=[number]:457
//y=[number]:48
//offsetX=[number]:439
//offsetY=[number]:38
//movementX=[number]:0
//movementY=[number]:2
//fromElement=[object]:null
//toElement=[object]:[object HTMLElement]
//layerX=[number]:457
//layerY=[number]:1175
//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 HTMLElement]
//…
let E=eve.target; //イベントがあった要素の取得。
IdLog.innerHTML=E.tagName +":pageX:"+ eve.pageX +"、:pageY"+ eve.pageY;
IdLog2.innerHTML=IdLog2.innerHTML+"●"; //イベントが起こるたびに記録する。
}
IdTest.onmousemove=Job;