HTMLElement: pointerout イベント

pointerout イベントは、いくつかの理由で発生します。例えば、ポインティングデバイスが要素のヒットテスト境界から外れたり、ホバーに対応していないデバイスに pointerup イベントが発生したとき(pointerup を参照)、pointercancel イベントが発生した後(pointercancel を参照)、ペンスタイラスがデジタイザーによって検出可能なホバー範囲を離脱したときなどです。

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

addEventListener() を使用する場合

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

para.addEventListener('pointerout', (event) => {
  console.log('ポインターが外に移動しました');
});

onpointerout イベントハンドラープロパティを使用する場合

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

para.onpointerout = (event) => {
  console.log('ポインターが外に移動しました');
};

仕様書

Specification
Pointer Events
# the-pointerout-event

ブラウザーの互換性

BCD tables only load in the browser

関連情報