HTMLElement: pointerdown イベント

pointerdown イベントは、ポインターがアクティブになったときに発生します。マウスの場合は、ボタンが押されていない状態から少なくとも 1 つのボタンが押された状態に移行したときに発生します。タッチの場合は、物理的にデジタイザーに接触したときに発生します。ペンの場合は、スタイラスがデジタイザーと物理的に接触したときに発生します。

Note: 直接操作が可能なタッチ画面のブラウザーの場合、 pointerdown イベントは暗黙のポインターキャプチャを起動し、それ以降のすべてのポインターイベントがキャプチャターゲット上で発生したかのようにターゲットに捕捉されるようになります。したがって、このキャプチャが設定されている限り、 pointerover, pointerenter, pointerleave, pointerout は発生しません。キャプチャは、ターゲット要素で element.releasePointerCapture を呼び出すと手動で解放することができます。また、 pointerup または pointercancel イベントの後に暗黙的に解放されることもあります。

バブリング	あり
キャンセル	可
インターフェイス	`PointerEvent`
イベントハンドラープロパティ	`onpointerdown`

例

addEventListener() を使用する場合

const para = document.querySelector('p');

para.addEventListener('pointerdown', (event) => {
  console.log('ポインターダウンイベント');
});

onpointerdown イベントハンドラープロパティを使用する場合

const para = document.querySelector('p');

para.onpointerdown = (event) => {
  console.log('ポインターダウンイベント');
};

仕様書

Specification
Pointer Events # the-pointerdown-event

ブラウザーの互換性

BCD tables only load in the browser

HTMLElement: pointerdown イベント

例

仕様書

ブラウザーの互換性

関連情報