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