Document: lostpointercapture イベント
lostpointercapture
イベントは、ポインターのキャプチャが解放されたときに発生します。
バブリング | なし |
---|---|
キャンセル可能 | いいえ |
インターフェイス | PointerEvent |
イベントハンドラープロパティ | onlostpointercapture |
例
この例は lostpointercapture
イベントを待ち受けし、 pointerdown
でその要素のためにポインターをキャプチャします。後でユーザーがポインターを解放したとき、 lostpointercapture
イベントが発生します。
js
const para = document.querySelector("p");
document.addEventListener("lostpointercapture", () => {
console.log("I've been released!");
});
para.addEventListener("pointerdown", (event) => {
para.setPointerCapture(event.pointerId);
});
同じ例ですが、 onlostpointercapture
イベントハンドラーを使用して行います。
js
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
イベント