DOM

：

：

Document：pointerdown イベント

　編集：2022.10.10 by T.A.

[Edge]。→、

文書上でポインターがアクティブになった時に発生します。

マウスでは、端末がボタンが押されていない状態から一つ以上のボタンが押されている状態に遷移したときに発生します。

タッチ操作では、デジタイザーに物理的な接触が行われたときに発生します。ペンでは、スタイラスがデジタイザーに物理的に接触したときに発生します。

バブリング あり
キャンセル はい
インターフェイス PointerEvent
イベント ハンドラー プロパティ
例
pointerdown、pointerup イベント

HTML： 

当文書上でポインター操作を…<BR>
<SPAN id=IdLog></SPAN>

JavaScript： 

function JobPD(eve){ //pointerdown イベントの処理：
  if(!D)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]：501
	//screenY＝[number]：462
	//clientX＝[number]：294.5625
	//clientY＝[number]：387
	//ctrlKey＝[boolean]：false
	//shiftKey＝[boolean]：false
	//altKey＝[boolean]：false
	//metaKey＝[boolean]：false
	//button＝[number]：0
	//buttons＝[number]：1
	//relatedTarget＝[object]：null
	//pageX＝[number]：294.5625
	//pageY＝[number]：1587
	//x＝[number]：294.5625
	//y＝[number]：387
	//offsetX＝[number]：271.671875
	//offsetY＝[number]：-13.9375
	//movementX＝[number]：0
	//movementY＝[number]：0
	//fromElement＝[object]：null
	//toElement＝[object]：null
	//layerX＝[number]：294
	//layerY＝[number]：1587
	//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 HTMLDivElement]
	//currentTarget＝[object]：null
	//eventPhase＝[number]：0
	//bubbles＝[boolean]：true
	//cancelable＝[boolean]：true
	//defaultPrevented＝[boolean]：false
	//composed＝[boolean]：true
	//…


  IdLog.innerHTML=IdLog.innerHTML +"●";
}
function JobPU(eve){ //pointerdown イベントの処理：
  if(!DA)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]：501
	//screenY＝[number]：462
	//clientX＝[number]：294.5625
	//clientY＝[number]：387
	//ctrlKey＝[boolean]：false
	//shiftKey＝[boolean]：false
	//altKey＝[boolean]：false
	//metaKey＝[boolean]：false
	//button＝[number]：0
	//buttons＝[number]：0
	//relatedTarget＝[object]：null
	//pageX＝[number]：294.5625
	//pageY＝[number]：1587
	//x＝[number]：294.5625
	//y＝[number]：387
	//offsetX＝[number]：267.671875
	//offsetY＝[number]：127.59375
	//movementX＝[number]：0
	//movementY＝[number]：0
	//fromElement＝[object]：null
	//toElement＝[object]：null
	//layerX＝[number]：294
	//layerY＝[number]：1587
	//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 HTMLTextAreaElement]
	//currentTarget＝[object]：null
	//eventPhase＝[number]：0
	//bubbles＝[boolean]：true
	//cancelable＝[boolean]：true
	//defaultPrevented＝[boolean]：false
	//composed＝[boolean]：true
	//…


  IdLog.innerHTML=IdLog.innerHTML +"○";
}
document.onpointerdown=JobPD; //イベント割り当て。
document.onpointerup=JobPU;   //イベント割り当て。

→Document：pointerup。

テスト