[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要素を縦に横断しました。let E=eve.target; //イベントがあった要素の取得。 IdLog.innerHTML=E.tagName +":pageX:"+ eve.pageX +"、:pageY"+ eve.pageY; IdLog2.innerHTML=IdLog2.innerHTML+"●"; //イベントが起こるたびに記録する。 } IdTest.onmousemove=Job;詳細
//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] //…