Get to know MDN better
Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Der IntersectionObserverEntry() Konstruktor erstellt und gibt ein neues IntersectionObserverEntry-Objekt zurück.
Hinweis: Im typischen Gebrauch müssen Sie diesen Konstruktor nicht selbst aufrufen. IntersectionObserverEntry-Objekte werden automatisch vom Browser erstellt und an den IntersectionObserver Callback übergeben, wenn eine Überschneidung beobachtet wird, oder von IntersectionObserver.takeRecords() zurückgegeben.
Ein Objekt mit den folgenden Eigenschaften, die alle erforderlich sind:
boundingClientRectEin Objekt, das die Position und Abmessungen des Begrenzungsrechtecks des Ziel-Elements mit den Eigenschaften x, y, width und height angibt. Dies entspricht dem Rechteck, das von Element.getBoundingClientRect() zurückgegeben wird.
intersectionRatioEine Zahl, die das Verhältnis des intersectionRect-Bereichs zum boundingClientRect-Bereich darstellt. Wenn der boundingClientRect-Bereich null ist, beträgt dieses Verhältnis 1, wenn isIntersecting true ist, und 0, wenn nicht.
intersectionRectEin Objekt, das die Position und Abmessungen des sichtbaren Bereichs des Ziels innerhalb des Schnittrechtecks des Wurzels mit den Eigenschaften x, y, width und height spezifiziert.
isIntersectingEin boolescher Wert, der true ist, wenn das Ziel-Element mit dem Wurzel des Intersection Observer Überschneidungen hat, oder false ansonsten.
isVisibleEin boolescher Wert, der true ist, wenn das Ziel-Element als vollständig sichtbar und nicht verdeckt bestimmt wurde, ohne visuelle Effekte, die seine Anzeige auf dem Bildschirm verändern würden. Ein Wert von false bedeutet entweder, dass die Sichtbarkeit des Ziels beeinträchtigt ist, oder dass diese Bestimmung nicht getroffen werden konnte.
rootBoundsEin Objekt, das die Position und Abmessungen des Schnittrechtecks des Wurzels mit den Eigenschaften x, y, width und height angibt, oder null.
targetDas Element, dessen Schnittmenge mit dem Wurzel verändert wurde.
timeEin DOMHighResTimeStamp, der die Zeit angibt, zu der die Überschneidung aufgezeichnet wurde, relativ zum time origin des IntersectionObserver.
Ein neues IntersectionObserverEntry-Objekt, dessen Eigenschaften auf die in intersectionObserverEntryInit angegebenen Werte initialisiert sind.
Dieses Beispiel erstellt ein grundlegendes IntersectionObserverEntry, das ein vollständig sichtbares Element beschreibt. Während Sie einen Eintrag manuell auf diese Weise erstellen können, werden diese Objekte in der Praxis automatisch vom Browser erstellt und an Ihren IntersectionObserver Callback übergeben.
| Intersection Observer # dom-intersectionobserverentry-intersectionobserverentry |
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.
Der Bauplan für ein besseres Internet.
Besuche die gemeinnützige Muttergesellschaft der Mozilla Corporation, die Mozilla Foundation.
Teile dieses Inhalts sind ©1998–2026 von einzelnen mozilla.org-Mitwirkenden. Inhalte sind verfügbar unter einer Creative-Commons-Lizenz.