HTML:
<SPAN id=IdLog></SPAN>
JavaScript:
function JobMOv(eve){ //mouseover イベントの処理:
if(eve.shiftKey)D=eve; //=[object]:[object MouseEvent]。「表示」ボタンの所を[Shift]を押しながらマウス ポインターを出たり入ったり。
詳細
//isTrusted=[boolean]:true
//screenX=[number]:710
//screenY=[number]:551
//clientX=[number]:503
//clientY=[number]:476
//ctrlKey=[boolean]:false
//shiftKey=[boolean]:true
//altKey=[boolean]:false
//metaKey=[boolean]:false
//button=[number]:0
//buttons=[number]:0
//relatedTarget=[object]:[object HTMLTableCellElement]
//pageX=[number]:503
//pageY=[number]:1668
//x=[number]:503
//y=[number]:476
//offsetX=[number]:19
//offsetY=[number]:-2
//movementX=[number]:0
//movementY=[number]:0
//fromElement=[object]:[object HTMLTableCellElement]
//toElement=[object]:[object HTMLButtonElement]
//layerX=[number]:503
//layerY=[number]:1668
//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]:mouseover
//target=[object]:[object HTMLButtonElement]
//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; //表示。
}
function JobMOu(eve){ //mouseout イベントの処理:
if(eve.shiftKey)DA=eve; //=[object]:[object MouseEvent]。「表示」ボタンの所を[Shift]を押しながらマウス ポインターを出たり入ったり。
詳細
//isTrusted=[boolean]:true
//screenX=[number]:710
//screenY=[number]:551
//clientX=[number]:503
//clientY=[number]:476
//ctrlKey=[boolean]:false
//shiftKey=[boolean]:true
//altKey=[boolean]:false
//metaKey=[boolean]:false
//button=[number]:0
//buttons=[number]:0
//relatedTarget=[object]:[object HTMLButtonElement]
//pageX=[number]:503
//pageY=[number]:1668
//x=[number]:503
//y=[number]:476
//offsetX=[number]:484
//offsetY=[number]:12
//movementX=[number]:0
//movementY=[number]:0
//fromElement=[object]:[object HTMLTableCellElement]
//toElement=[object]:[object HTMLButtonElement]
//layerX=[number]:503
//layerY=[number]:1668
//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]:mouseout
//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="pageX:"+eve.pageX+"<BR>"
+"pageY:"+eve.pageY; //表示。
}
window.onmouseover=JobMOv; //イベント割り当て。
window.onmouseout=JobMOu; //イベント割り当て。