Spec-Zone.ru › Web APIs

Элемент: событие pointermove

Базовая линия Широко доступно

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2020 года.

  • Узнать больше
  • Посмотреть полную совместимость
  • Отправить отзыв

Событие pointermove срабатывает, когда указатель меняет координаты, и указатель не был отменён браузером с помощью touch-action.

Синтаксис

Используйте имя события в методах, таких как addEventListener(), или задайте свойство обработчика события.

addEventListener("pointermove", (event) => {});

onpointermove = (event) => {};

Тип события

Событие типа PointerEvent. Наследуется от Event.

Событие UIEvent MouseEvent PointerEvent

Свойства события

Этот интерфейс наследует свойства от MouseEvent и Event.

PointerEvent.altitudeAngle Только для чтения Экспериментально

Представляет угол между осью преобразователя (указателя или стилуса) и плоскостью X-Y экрана устройства.

PointerEvent.azimuthAngle Только для чтения Экспериментально

Представляет угол между плоскостью Y-Z и плоскостью, содержащей ось преобразователя (указателя или стилуса) и ось Y.

PointerEvent.persistentDeviceId Только для чтения Экспериментально

Уникальный идентификатор указывающего устройства, генерирующего событие PointerEvent.

PointerEvent.pointerId Только для чтения

Уникальный идентификатор указателя, вызвавшего событие.

PointerEvent.width Только для чтения

Ширина (величина по оси X) в пикселях CSS контакта указателя.

PointerEvent.height Только для чтения

Высота (величина по оси Y) в пикселях CSS контакта указателя.

PointerEvent.pressure Только для чтения

Нормализованное давление ввода указателя в диапазоне 0 до 1, где 0 и 1 представляют собой минимальное и максимальное давление, соответственно, которое может обнаружить оборудование.

PointerEvent.tangentialPressure Только для чтения

Нормализованное тангенциальное давление ввода указателя (также известное как боковое давление или напряжение цилиндра) в диапазоне от -1 до 1, где 0 - нейтральное положение управления.

PointerEvent.tiltX Только для чтения

Угол плоскости (в градусах, в диапазоне от -90 до 90) между плоскостью Y–Z и плоскостью, содержащей ось указателя (например, стилуса пера) и ось Y.

PointerEvent.tiltY Только для чтения

Угол плоскости (в градусах, в диапазоне от -90 до 90) между плоскостью X–Z и плоскостью, содержащей ось указателя (например, стилуса пера) и ось X.

PointerEvent.twist Только для чтения

Поворота указателя (например, пера стилуса) по часовой стрелке вокруг его главной оси в градусах, со значением в диапазоне от 0 до 359.

PointerEvent.pointerType Только для чтения

Указывает тип устройства, вызвавшего событие (мышь, ручка, сенсорный ввод и т. д.).

PointerEvent.isPrimary Только для чтения

Указывает, представляет ли указатель первичный указатель данного типа указателей.

Примечания по использованию

Событие, имеющее тип PointerEvent, предоставляет всю необходимую информацию о взаимодействии пользователя с указательным устройством, включая положение, расстояние перемещения, состояние кнопок и многое другое.

Примеры

Для добавления обработчика событий pointermove с помощью addEventListener():

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

para.addEventListener("pointermove", (event) => {
  console.log("Pointer moved");
});

Вы также можете использовать свойство обработчика событий onpointermove:

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

para.onpointermove = (event) => {
  console.log("Pointer moved");
};

Спецификации

Спецификация
Pointer Events
# the-pointermove-event
Pointer Events
# dom-globaleventhandlers-onpointermove

Совместимость с браузерами

Рабочие столы Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на IOS Samsung Internet WebView Android
pointermove_event 55 1212–79 59 42 13 55 79 42 13 6.0 55

См. также

  • Связанные события

    • gotpointercapture
    • lostpointercapture
    • pointerover
    • pointerenter
    • pointerdown
    • pointerup
    • pointercancel
    • pointerout
    • pointerleave
    • pointerrawupdate

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Element/pointermove_event

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API