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

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

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

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

onlostpointercapture = (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 Только для чтения

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

В этом примере прослушивается событие lostpointercapture для элемента, и указатель для элемента захватывается в pointerdown. Когда пользователь впоследствии отпустит указатель, событие lostpointercapture будет сгенерировано.

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

para.addEventListener("lostpointercapture", () => {
  console.log("I've been released!");
});

para.addEventListener("pointerdown", (event) => {
  para.setPointerCapture(event.pointerId);
});

Тот же пример, но с использованием свойства обработчика события onlostpointercapture:

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

para.onlostpointercapture = () => {
  console.log("I've been released!");
};

para.addEventListener("pointerdown", (event) => {
  para.setPointerCapture(event.pointerId);
});

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

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