DOM

：

：

Window：mouseout イベント

　編集：2022.10.17 by T.A.

[Edge]。→、、

ウインドウ内の要素からマウス ポインターが出たときに発行されます。

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

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;  //イベント割り当て。
テスト