--- title: 'HTMLElement: pointerleave イベント' slug: Web/API/HTMLElement/pointerleave_event tags: - DOM - Event - PointerEvent - Reference translation_of: Web/API/HTMLElement/pointerleave_event ---
{{APIRef}}

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

バブリング なし
キャンセル 不可
インターフェイス {{domxref("PointerEvent")}}
イベントハンドラプロパティ onpointerleave

例

addEventListener() を使用する場合

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

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

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

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

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

仕様

仕様 状態
{{SpecName('Pointer Events', '#the-pointerleave-event')}} {{Spec2('Pointer Events')}}

ブラウザーの互換性

{{Compat("api.HTMLElement.pointerleave_event")}}

関連情報