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
関連情報
onpointerdown
イベントハンドラープロパティDocument
をターゲットとしたこのイベント:pointerdown
イベント