Spec-Zone.ru › Web APIs

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

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

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

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

Событие pointerout срабатывает по нескольким причинам, включая: перемещение указательного устройства за пределы области проверки попадания элемента; срабатывание события pointerup для устройства, не поддерживающего режим наведения (см. pointerup); после срабатывания события pointercancel (см. pointercancel); когда перо стилуса покидает зону наведения, определяемую дигитайзером.

Синтаксис

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

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

onpointerout = (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("pointerout", (event) => {
  console.log("Pointer moved out");
});

Использование свойства обработчика события onpointerout:

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

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

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

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

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

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

См. также

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

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

Spec-Zone.ru

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