Document: lostpointercapture イベント
lostpointercapture
イベントは、ポインターのキャプチャが解放されたときに発生します。
バブリング | なし |
---|---|
キャンセル可能 | いいえ |
インターフェイス | PointerEvent |
イベントハンドラープロパティ | onlostpointercapture |
例
この例は lostpointercapture
イベントを待ち受けし、 pointerdown
でその要素のためにポインターをキャプチャします。後でユーザーがポインターを解放したとき、 lostpointercapture
イベントが発生します。
const para = document.querySelector('p');
document.addEventListener('lostpointercapture', () => {
console.log('I\'ve been released!')
});
para.addEventListener('pointerdown', (event) => {
para.setPointerCapture(event.pointerId);
});
同じ例ですが、 onlostpointercapture
イベントハンドラーを使用して行います。
const para = document.querySelector('p');
document.onlostpointercapture = () => {
console.log('I\'ve been released!')
};
para.addEventListener('pointerdown', (event) => {
para.setPointerCapture(event.pointerId);
});
仕様書
Specification |
---|
Pointer Events # the-lostpointercapture-event |
Pointer Events # dom-globaleventhandlers-onlostpointercapture |
ブラウザーの互換性
BCD tables only load in the browser
関連情報
- 関連イベント
GlobalEventHandlers.onlostpointercapture
イベントハンドラープロパティHTMLElement
を対象としたこのイベント:lostpointercapture
イベント