HTMLElement: pointerout イベント

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

例

addEventListener() を使用する場合

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

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

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

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

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

仕様

ブラウザーの互換性

関連情報

• gotpointercapture
• lostpointercapture
• pointerover
• pointerenter
• pointerdown
• pointermove
• pointerup
• pointercancel
• pointerleave
• onpointerout イベントハンドラプロパティ
• Document でのこのイベント: pointerout イベント