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('ポインターが移動しました');
};
仕様書
仕様書 | 状態 |
---|---|
Pointer Events | 廃止された |
ブラウザーの互換性
BCD tables only load in the browser
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
関連情報
gotpointercapture
lostpointercapture
pointerover
pointerenter
pointerdown
pointerup
pointercancel
pointerout
pointerleave
onpointermove
イベントハンドラプロパティDocument
でのこのイベント:pointermove
イベント
Internet Explorer は、MSPointerHover
という名前のイベントもサポートしていました。 これは、接触(通常はペン)が表面に触れずに要素上を移動したときに発生します。 この独自の方法は Internet Explorer に固有のものであり、Internet Explorer 11 以降、推奨されなくなりました。 IE11 以降では、pointermove
イベントがすべてのペンの動きに対して発生します(ホバーしているかどうかにかかわらず)。