pointermove イベントは、ポインターの座標が変更され、ブラウザーの touch-action によってポインターがキャンセルされていない場合に発生します。
| バブリング | あり |
|---|---|
| キャンセル | 可 |
| インターフェイス | {{domxref("PointerEvent")}} |
| イベントハンドラープロパティ | {{domxref("GlobalEventHandlers/onpointermove", "onpointermove")}} |
{{domxref("PointerEvent")}} 型のイベントは、ポインティングデバイスによるユーザーの対話に必要なすべての情報を提供します。位置、移動距離、ボタンの状態などです。
pointermove イベントのハンドラーを {{domxref("EventTarget.addEventListener", "addEventListener()")}} で追加する場合です。
const para = document.querySelector('p');
para.addEventListener('pointermove', (event) => {
console.log('ポインターが移動しました');
});
onpointermove イベントハンドラープロパティを使用することもできます。
const para = document.querySelector('p');
para.onpointermove = (event) => {
console.log('ポインターが移動しました');
};
| 仕様書 | 状態 |
|---|---|
| {{SpecName('Pointer Events', '#the-pointermove-event')}} | {{Spec2('Pointer Events')}} |
{{Compat("api.HTMLElement.pointermove_event")}}
gotpointercapturelostpointercapturepointeroverpointerenterpointerdownpointeruppointercancelpointeroutpointerleaveonpointermove イベントハンドラプロパティDocument でのこのイベント: pointermove イベントInternet Explorer は、MSPointerHover という名前のイベントもサポートしていました。 これは、接触（通常はペン）が表面に触れずに要素上を移動したときに発生します。 この独自の方法は Internet Explorer に固有のものであり、Internet Explorer 11 以降、推奨されなくなりました。 IE11 以降では、pointermove イベントがすべてのペンの動きに対して発生します（ホバーしているかどうかにかかわらず）。