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

gotpointercapture イベントは、{{domxref("Element.setPointerCapture","setPointerCapture()")}} を使用して要素がポインタをキャプチャしたときに発生します。

バブリング なし
キャンセル 不可
インターフェイス {{domxref("PointerEvent")}}
イベントハンドラプロパティ {{domxref("GlobalEventHandlers/ongotpointercapture", "ongotpointercapture")}}

例

この例では <p> 要素を取得し、gotpointercapture イベントをリッスンします。 それから、pointerdown イベントの要素に対して setPointerCapture() を呼び出します。 これは gotpointercapture をトリガーします。

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

para.addEventListener('gotpointercapture', () => {
  console.log('キャプチャされた！')
});

para.addEventListener('pointerdown', (event) => {
  para.setPointerCapture(event.pointerId);
});

ongotpointercapture イベントハンドラプロパティを使用した同じ例

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

para.ongotpointercapture = () => {
  console.log('キャプチャされた！')
};

para.addEventListener('pointerdown', (event) => {
  para.setPointerCapture(event.pointerId);
});

仕様

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

ブラウザーの互換性

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

関連情報