DOM

HTML：

<SPAN id=IdTest>[ここでポインターを…]</SPAN><BR>
<SPAN id=IdLog></SPAN>

JavaScript：

function JobP1(eve){ //pointeroverイベントの処理：
  D=eve; //＝[object]：[object PointerEvent]。マウスで要素の領域に入った。
詳細
	//isTrusted＝[boolean]：true
	//pointerId＝[number]：1
	//width＝[number]：1
	//height＝[number]：1
	//pressure＝[number]：0
	//tiltX＝[number]：0
	//tiltY＝[number]：0
	//azimuthAngle＝[number]：0
	//altitudeAngle＝[number]：1.5707963267948966
	//tangentialPressure＝[number]：0
	//twist＝[number]：0
	//pointerType＝[string]：mouse
	//isPrimary＝[boolean]：true
	//getCoalescedEvents＝[function]：function getCoalescedEvents() { [native code] }
	//getPredictedEvents＝[function]：function getPredictedEvents() { [native code] }
	//screenX＝[number]：374
	//screenY＝[number]：297
	//clientX＝[number]：167.5625
	//clientY＝[number]：222
	//ctrlKey＝[boolean]：false
	//shiftKey＝[boolean]：false
	//altKey＝[boolean]：false
	//metaKey＝[boolean]：false
	//button＝[number]：-1
	//buttons＝[number]：0
	//relatedTarget＝[object]：[object HTMLDivElement]
	//pageX＝[number]：167.5625
	//pageY＝[number]：1268
	//x＝[number]：167.5625
	//y＝[number]：222
	//offsetX＝[number]：148.671875
	//offsetY＝[number]：192.59375
	//movementX＝[number]：0
	//movementY＝[number]：0
	//fromElement＝[object]：null
	//toElement＝[object]：null
	//layerX＝[number]：167
	//layerY＝[number]：1268
	//getModifierState＝[function]：function getModifierState() { [native code] }
	//initMouseEvent＝[function]：function initMouseEvent() { [native code] }
	//view＝[object]：[object Window]
	//detail＝[number]：0
	//sourceCapabilities＝[object]：null
	//which＝[number]：0
	//initUIEvent＝[function]：function initUIEvent() { [native code] }
	//type＝[string]：pointerover
	//target＝[object]：[object HTMLSpanElement]
	//currentTarget＝[object]：null
	//eventPhase＝[number]：0
	//bubbles＝[boolean]：true
	//cancelable＝[boolean]：true
	//defaultPrevented＝[boolean]：false
	//composed＝[boolean]：true
	//…

//  IdTest.setPointerCapture(eve.pointerId);
  IdLog.innerHTML=IdLog.innerHTML+"●";
}
function JobP2(eve){ //pointeroutイベントの処理：
  DA=eve; //＝[object]：[object PointerEvent]。マウスで要素の領域から出た。
詳細
	//isTrusted＝[boolean]：true
	//pointerId＝[number]：1
	//width＝[number]：1
	//height＝[number]：1
	//pressure＝[number]：0
	//tiltX＝[number]：0
	//tiltY＝[number]：0
	//azimuthAngle＝[number]：0
	//altitudeAngle＝[number]：1.5707963267948966
	//tangentialPressure＝[number]：0
	//twist＝[number]：0
	//pointerType＝[string]：mouse
	//isPrimary＝[boolean]：true
	//getCoalescedEvents＝[function]：function getCoalescedEvents() { [native code] }
	//getPredictedEvents＝[function]：function getPredictedEvents() { [native code] }
	//screenX＝[number]：416
	//screenY＝[number]：303
	//clientX＝[number]：209.5625
	//clientY＝[number]：228
	//ctrlKey＝[boolean]：false
	//shiftKey＝[boolean]：false
	//altKey＝[boolean]：false
	//metaKey＝[boolean]：false
	//button＝[number]：-1
	//buttons＝[number]：0
	//relatedTarget＝[object]：[object HTMLDivElement]
	//pageX＝[number]：209.5625
	//pageY＝[number]：1274
	//x＝[number]：209.5625
	//y＝[number]：228
	//offsetX＝[number]：190.671875
	//offsetY＝[number]：198.59375
	//movementX＝[number]：0
	//movementY＝[number]：0
	//fromElement＝[object]：null
	//toElement＝[object]：null
	//layerX＝[number]：209
	//layerY＝[number]：1274
	//getModifierState＝[function]：function getModifierState() { [native code] }
	//initMouseEvent＝[function]：function initMouseEvent() { [native code] }
	//view＝[object]：[object Window]
	//detail＝[number]：0
	//sourceCapabilities＝[object]：null
	//which＝[number]：0
	//initUIEvent＝[function]：function initUIEvent() { [native code] }
	//type＝[string]：pointerout
	//target＝[object]：[object HTMLSpanElement]
	//currentTarget＝[object]：null
	//eventPhase＝[number]：0
	//bubbles＝[boolean]：true
	//cancelable＝[boolean]：true
	//defaultPrevented＝[boolean]：false
	//composed＝[boolean]：true
	//…

//  IdTest.releasePointerCapture(eve.pointerId);
  IdLog.innerHTML=IdLog.innerHTML+"○";
}
IdTest.onpointerover=JobP1;
IdTest.onpointerout=JobP2;

→pointerover、Element.setPointerCapture()、Element.releasePointerCapture()。