HTMLElement: lostpointercapture イベント

lostpointercapture イベントは、キャプチャされたポインターが解放されたときに発行されます。

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

この例では、要素の lostpointercapture イベントを待ち受けし、pointerdown で要素のポインターをキャプチャします。 その後ユーザーがポインターを離すと、lostpointercapture イベントが発行されます。

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

para.addEventListener('lostpointercapture', () => {
  console.log('解放されました!')
});

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

同じ例ですが、 onlostpointercapture イベントハンドラープロパティを使用した例です。

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

para.onlostpointercapture = () => {
  console.log('解放されました!')
};

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

仕様書

Specification
Pointer Events
# the-lostpointercapture-event

ブラウザーの互換性

BCD tables only load in the browser

関連情報