HTMLElement: pointerleave イベント

pointerleave イベントは、ポインティングデバイスが要素のヒットテスト境界から外れると発生します。 ペンデバイスの場合、このイベントは、スタイラスがデジタイザによって検出可能なホバー範囲を離れたときに発生します。

例

addEventListener() を使用する場合

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

para.addEventListener('pointerleave', (event) => {
  console.log('ポインタが要素から離脱しました');
});

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

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

para.onpointerleave = (event) => {
  console.log('ポインタが要素から離脱しました');
};

仕様

ブラウザーの互換性

関連情報

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