Element: pointerup イベント
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年7月以降、すべてのブラウザーで利用可能です。
pointerup イベントは、ポインターがアクティブではなくなったときに発生します。これは代わりに pointercancel イベントを用いて取得できることを覚えておいてください。
この動作は mouseup イベントとは異なります。物理的なマウスを使用する場合、マウスのいずれかのボタンを離すたびに mouseup イベントが発生します。pointerup イベントは最後のボタンを離したときにのみ発生します。他のボタンを押したままそれ以前のボタンを離しても、pointerup イベントは発生しません。
構文
addEventListener() でこのイベント名を使用してください。
js
addEventListener("pointerup", (event) => { })
または、インターフェイスのイベントハンドラープロパティに代入します。
js
onpointerup = (event) => { }
イベント型
PointerEvent です。 Event を継承しています。
例
addEventListener() を使用した例です。
js
const para = document.querySelector("p");
para.addEventListener("pointerup", (event) => {
console.log("Pointer up");
});
onpointerup イベントハンドラープロパティを使用した例です（onpointerup を使用して追加済みの他のイベントリスナーがある場合、それらは置き換えられます）。
js
const para = document.querySelector("p");
para.onpointerup = (event) => {
console.log("Pointer up");
};
仕様書
| 仕様書 |
|---|
| Pointer Events # pointerup |
| Pointer Events # dom-globaleventhandlers-onpointerup |