HTMLElement: pointerout イベント
pointerout
イベントは、いくつかの理由で発生します。例えば、ポインティングデバイスが要素のヒットテスト境界から外れたり、ホバーに対応していないデバイスに pointerup
イベントが発生したとき(pointerup
を参照)、pointercancel
イベントが発生した後(pointercancel
を参照)、ペンスタイラスがデジタイザーによって検出可能なホバー範囲を離脱したときなどです。
バブリング | あり |
---|---|
キャンセル | 可 |
インターフェイス | 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('ポインターが外に移動しました');
};
仕様書
Specification |
---|
Pointer Events # the-pointerout-event |
ブラウザーの互換性
BCD tables only load in the browser
関連情報
gotpointercapture
lostpointercapture
pointerover
pointerenter
pointerdown
pointermove
pointerup
pointercancel
pointerleave
onpointerout
イベントハンドラープロパティDocument
をターゲットとしたのこのイベント:pointerout
イベント