Spec-Zone.ru › Web APIs

IntersectionObserverEntry: свойство target

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

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

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

Только для чтения свойство интерфейса IntersectionObserverEntry target указывает, какой целевой Element изменил количество перекрытия с корнем пересечения.

Значение

Свойство IntersectionObserverEntry target указывает, какой Element, ранее целевой для вызова IntersectionObserver.observe(), испытал изменение пересечения с корнем.

Примеры

В этом простом примере opacity каждого целевого элемента устанавливается в его intersectionRatio.

function intersectionCallback(entries) {
  entries.forEach((entry) => {
    entry.target.style.opacity = entry.intersectionRatio;
  });
}

Чтобы увидеть более конкретный пример, ознакомьтесь с Обработка изменений пересечения.

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

Спецификация
Intersection Observer
# dom-intersectionobserverentry-target

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

Рабочие столы Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на iOS Samsung Internet WebView Android
target 51 15 55 38 12.1 51 55 41 12.2 5.0 51

© 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/IntersectionObserverEntry/target

Spec-Zone.ru

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