[Edge]。→、
ポインターがアクティブではなくなったときに発行されます。→GlobalEventHandlers:pointerup
HTML:
<SPAN id=IdTest>[ここでポインターを…]</SPAN><BR> <SPAN id=IdLog></SPAN>
JavaScript:
function JobPD(eve){ //pointerdownイベントの処理:
D=eve; //=[object]:[object PointerEvent]
詳細
//isTrusted=[boolean]:true
//pointerId=[number]:1
//width=[number]:1
//height=[number]:1
//pressure=[number]:0.5
//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]:371
//screenY=[number]:363
//clientX=[number]:164.5625
//clientY=[number]:288
//ctrlKey=[boolean]:false
//shiftKey=[boolean]:false
//altKey=[boolean]:false
//metaKey=[boolean]:false
//button=[number]:0
//buttons=[number]:1
//relatedTarget=[object]:null
//pageX=[number]:164.5625
//pageY=[number]:1257
//x=[number]:164.5625
//y=[number]:288
//offsetX=[number]:145.671875
//offsetY=[number]:258.59375
//movementX=[number]:0
//movementY=[number]:0
//fromElement=[object]:null
//toElement=[object]:null
//layerX=[number]:164
//layerY=[number]:1257
//getModifierState=[function]:function getModifierState() { [native code] }
//initMouseEvent=[function]:function initMouseEvent() { [native code] }
//view=[object]:[object Window]
//detail=[number]:0
//sourceCapabilities=[object]:null
//which=[number]:1
//initUIEvent=[function]:function initUIEvent() { [native code] }
//type=[string]:pointerdown
//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 JobPU(eve){ //pointerupイベントの処理:
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]:371
//screenY=[number]:363
//clientX=[number]:164.5625
//clientY=[number]:288
//ctrlKey=[boolean]:false
//shiftKey=[boolean]:false
//altKey=[boolean]:false
//metaKey=[boolean]:false
//button=[number]:0
//buttons=[number]:0
//relatedTarget=[object]:null
//pageX=[number]:164.5625
//pageY=[number]:1257
//x=[number]:164.5625
//y=[number]:288
//offsetX=[number]:145.671875
//offsetY=[number]:258.59375
//movementX=[number]:0
//movementY=[number]:0
//fromElement=[object]:null
//toElement=[object]:null
//layerX=[number]:164
//layerY=[number]:1257
//getModifierState=[function]:function getModifierState() { [native code] }
//initMouseEvent=[function]:function initMouseEvent() { [native code] }
//view=[object]:[object Window]
//detail=[number]:0
//sourceCapabilities=[object]:null
//which=[number]:1
//initUIEvent=[function]:function initUIEvent() { [native code] }
//type=[string]:pointerup
//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.onpointerdown=JobPD;
IdTest.onpointerup=JobPU;
→pointerdown。Element.setPointerCapture()、Element.releasePointerCapture()。