IntersectionObserverEntry.target
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2019.
La propriété en lecture seule target, rattachée à l'interface IntersectionObserverEntry indique l'élément ciblé pour lequel la proportion d'intersection avec la racine d'intersection a changé.
Valeur
La propriété target de IntersectionObserverEntry indique l'élément précédemment ciblé en appelant IntersectionObserver.observe() pour lequel un changement d'intersection avec la racine a eu lieu.
Exemples
Dans cet exemple simple, chaque élément ciblé voit son opacité paramétrée avec la valeur de intersectionRatio.
js
function intersectionCallback(entries) {
entries.forEach((entry) => {
entry.target.opacity = entry.intersectionRatio;
});
}
Pour un exemple plus concret, voir Gérer les changements d'intersection.
Spécifications
| Specification |
|---|
| Intersection Observer # dom-intersectionobserverentry-target |
Compatibilité des navigateurs
BCD tables only load in the browser