HTMLElement: pointermove イベント

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

例

addEventListener() を使用する場合

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

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

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

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

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

仕様

ブラウザーの互換性

関連情報

• gotpointercapture
• lostpointercapture
• pointerover
• pointerenter
• pointerdown
• pointerup
• pointercancel
• pointerout
• pointerleave
• onpointermove イベントハンドラプロパティ
• Document でのこのイベント: pointermove イベント

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