Элемент: событие pointermove
Базовая линия Широко доступно
Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2020 года.
Событие pointermove срабатывает, когда указатель меняет координаты, и указатель не был отменён браузером с помощью touch-action.
Синтаксис
Используйте имя события в методах, таких как addEventListener(), или задайте свойство обработчика события.
addEventListener("pointermove", (event) => {});
onpointermove = (event) => {};
Тип события
Событие типа PointerEvent. Наследуется от Event.
Свойства события
Этот интерфейс наследует свойства от 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 |
См. также
© 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