HTMLElement: pointermove イベント

pointermove イベントは、ポインタの座標が変更され、ブラウザーの touch-action によってポインタがキャンセルされていない場合に発生します。

バブリング あり
キャンセル
インターフェイス PointerEvent
イベントハンドラプロパティ onpointermove

addEventListener() を使用する場合

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

para.addEventListener('pointermove', (event) => {
  console.log('ポインタが移動しました');
});

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

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

para.onpointermove = (event) => {
  console.log('ポインタが移動しました');
};

仕様

仕様 状態
Pointer Events 廃止された

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
pointermove eventChrome 完全対応 55Edge 完全対応 ありFirefox 完全対応 59
完全対応 59
完全対応 29
無効
無効 From version 29: this feature is behind the dom.w3c_pointer_events.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE 完全対応 11
完全対応 11
完全対応 10
代替名
代替名 非標準の名前 mspointermove を使用しています。
Opera ? Safari 未対応 なしWebView Android 完全対応 55Chrome Android 完全対応 55Firefox Android 完全対応 29
無効
完全対応 29
無効
無効 From version 29: this feature is behind the dom.w3c_pointer_events.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android ? Safari iOS 未対応 なしSamsung Internet Android 完全対応 6.0

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。
非標準の名前を使用しています。
非標準の名前を使用しています。

関連情報

Internet Explorer は、MSPointerHover という名前のイベントもサポートしていました。 これは、接触(通常はペン)が表面に触れずに要素上を移動したときに発生します。 この独自の方法は Internet Explorer に固有のものであり、Internet Explorer 11 以降、推奨されなくなりました。 IE11 以降では、pointermove イベントがすべてのペンの動きに対して発生します(ホバーしているかどうかにかかわらず)。