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

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

バブリング あり
キャンセル 可
インターフェイス {{domxref("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('ポインタが外に移動しました');
};

仕様

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

ブラウザーの互換性

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

関連情報