pointerover
イベントは、ポインティングデバイスが要素のヒットテスト境界内に移動したときに発生します。
バブリング | あり |
---|---|
キャンセル | 可 |
インターフェイス | PointerEvent |
イベントハンドラプロパティ | onpointerover |
例
addEventListener()
を使用する場合
const para = document.querySelector('p'); para.addEventListener('pointerover', (event) => { console.log('ポインタが内に移動しました'); });
onpointerover
イベントハンドラプロパティを使用する場合
const para = document.querySelector('p'); para.onpointerover = (event) => { console.log('ポインタが内に移動しました'); };
仕様
仕様 | 状態 |
---|---|
Pointer Events | 廃止された |
ブラウザーの互換性
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
デスクトップ | モバイル | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
pointerover event | Chrome 完全対応 55 | Edge 完全対応 あり | Firefox
完全対応
59
| IE
完全対応
11
| Opera ? | Safari 未対応 なし | WebView Android 完全対応 55 | Chrome Android 完全対応 55 | Firefox Android
完全対応
29
| Opera Android ? | Safari iOS 未対応 なし | Samsung Internet Android ? |
凡例
- 完全対応
- 完全対応
- 未対応
- 未対応
- 実装状況不明
- 実装状況不明
- ユーザーが明示的にこの機能を有効にしなければなりません。
- ユーザーが明示的にこの機能を有効にしなければなりません。
- 非標準の名前を使用しています。
- 非標準の名前を使用しています。
関連情報
gotpointercapture
lostpointercapture
pointerenter
pointerdown
pointermove
pointerup
pointercancel
pointerout
pointerleave
onpointerover
イベントハンドラプロパティDocument
でのこのイベント:pointerover
イベント