HTMLElement: pointerenter イベント
pointerenter
イベントは、ポインティングデバイスが要素またはその子孫の 1 つのヒットテスト境界内に移動したときに発生します。これには、ホバーに対応していない端末からの pointerdown
イベントの結果も含まれます(pointerdown
を参照)。
バブリング | なし |
---|---|
キャンセル | 不可 |
インターフェイス | 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('ポインターが要素に進入しました');
};
仕様書
Specification |
---|
Pointer Events # the-pointerenter-event |
ブラウザーの互換性
BCD tables only load in the browser
関連情報
gotpointercapture
lostpointercapture
pointerover
pointerdown
pointermove
pointerup
pointercancel
pointerout
pointerleave
onpointerenter
イベントハンドラープロパティDocument
をターゲットとしたのこのイベント:pointerenter
イベント