Spec-Zone.ru › Web APIs

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

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

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

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

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

Синтаксис

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

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

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

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

Примеры

Используя addEventListener():

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

para.addEventListener("pointerleave", (event) => {
  console.log("Pointer left element");
});

Используя свойство обработчика события onpointerleave:

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

para.onpointerleave = (event) => {
  console.log("Pointer left element");
};

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

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

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

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

См. также

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

    • gotpointercapture
    • lostpointercapture
    • pointerover
    • pointerenter
    • pointerdown
    • pointermove
    • pointerup
    • pointercancel
    • pointerout
    • 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/pointerleave_event

Spec-Zone.ru

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