--- title: 'HTMLElement: pointerdown イベント' slug: Web/API/HTMLElement/pointerdown_event tags: - DOM - Event - PointerEvent - Reference translation_of: Web/API/HTMLElement/pointerdown_event ---
{{APIRef}}

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

バブリング あり
キャンセル 可
インターフェイス {{domxref("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('ポインタダウンイベント');
};

仕様

仕様 状態
{{SpecName('Pointer Events', '#the-pointerdown-event')}} {{Spec2('Pointer Events')}}

ブラウザーの互換性

{{Compat("api.HTMLElement.pointerdown_event")}}

関連情報