IntersectionObserverEntry

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.

Das IntersectionObserverEntry-Interface der Intersection Observer API beschreibt die Schnittfläche zwischen dem Zielelement und seinem Wurzelcontainer zu einem bestimmten Übergangsmoment.

Instanzen von IntersectionObserverEntry werden an einen IntersectionObserver-Rückruf in dessen entries-Parameter übermittelt; andernfalls können diese Objekte nur durch Aufrufen von IntersectionObserver.takeRecords() erhalten werden.

Instanzeigenschaften

IntersectionObserverEntry.boundingClientRect Nur lesbar: Gibt das Begrenzungsrechteck des Zielelements als DOMRectReadOnly zurück. Die Grenzen werden wie in der Dokumentation zu Element.getBoundingClientRect() beschrieben berechnet.
IntersectionObserverEntry.intersectionRatio Nur lesbar: Gibt das Verhältnis des intersectionRect zum boundingClientRect zurück.
IntersectionObserverEntry.intersectionRect Nur lesbar: Gibt ein DOMRectReadOnly zurück, das den sichtbaren Bereich des Ziels darstellt.
IntersectionObserverEntry.isIntersecting Nur lesbar: Ein boolescher Wert, der true ist, wenn das Zielelement mit der Wurzel des Schnittüberwachers schneidet. Wenn dies true ist, beschreibt das IntersectionObserverEntry einen Übergang in einen Schnittzustand; wenn es false ist, wissen Sie, dass der Übergang von schneidend zu nicht-schneidend erfolgt.
IntersectionObserverEntry.rootBounds Nur lesbar: Gibt ein DOMRectReadOnly für die Wurzel des Schnittüberwachers zurück.
IntersectionObserverEntry.target Nur lesbar: Das Element, dessen Schnitt mit der Wurzel sich geändert hat.
IntersectionObserverEntry.time Nur lesbar: Ein DOMHighResTimeStamp, der die Zeit angibt, zu der der Schnitt aufgezeichnet wurde, relativ zum Ursprung der Zeit des IntersectionObserver.

Instanzmethoden

Dieses Interface hat keine Methoden.

Spezifikationen

Specification
Intersection Observer # intersection-observer-entry

Browser-Kompatibilität

BCD tables only load in the browser