Element: pointerleave イベント
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年7月以降、すべてのブラウザーで利用可能です。
pointerleave イベントは、ポインティングデバイスが要素のヒットテスト領域を出たときに発生します。ペンデバイスでは、このイベントはデジタイザーが検出可能なホバー範囲をスタイラスが離れたときに発生します。それ以外の場合、pointerleave は mouseleave と同じように動作し、同時に発生します。また、該当する場合は mouseout および pointerout イベントとも同時に発生します。
構文
addEventListener() でこのイベント名を使用してください。
js
addEventListener("pointerleave", (event) => { })
または、インターフェイスのイベントハンドラープロパティに代入します。
js
onpointerleave = (event) => { }
イベント型
PointerEvent です。 Event を継承しています。
例
addEventListener() を使用した例です。
js
const para = document.querySelector("p");
para.addEventListener("pointerleave", (event) => {
console.log("Pointer left element");
});
onpointerleave イベントハンドラープロパティを使用した例です（onpointerleave を使用して追加済みの他のイベントリスナーがある場合、それらは置き換えられます）。
js
const para = document.querySelector("p");
para.onpointerleave = (event) => {
console.log("Pointer left element");
};
仕様書
| 仕様書 |
|---|
| Pointer Events # pointerleave |
| Pointer Events # dom-globaleventhandlers-onpointerleave |