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

pointerenter イベントは、ポインティングデバイスが要素またはその子孫の1つのヒットテスト境界内に移動したときに発生します。 これには、ホバーをサポートしていないデバイスからの {{event("pointerdown")}} イベントの結果も含まれます（{{event("pointerdown")}} を参照）。

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

例

addEventListener() を使用する場合

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

para.addEventListener('pointerenter', (event) => {
  console.log('ポインタが要素に進入しました');
});

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

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

para.onpointerenter = (event) => {
  console.log('ポインタが要素に進入しました');
};

仕様

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

ブラウザーの互換性

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

関連情報