LayoutShiftAttribution: currentRect-Eigenschaft

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Die schreibgeschützte Eigenschaft currentRect der Schnittstelle LayoutShiftAttribution gibt ein DOMRectReadOnly-Objekt zurück, das die Position des Elements nach der Verschiebung darstellt.

Wert

Ein DOMRectReadOnly-Objekt.

Beispiele

Das folgende Beispiel gibt die currentRect des ersten Elements in LayoutShift.sources in der Konsole aus.

js
new PerformanceObserver((list) => {
  for (const { sources } of list.getEntries()) {
    if (sources) {
      console.log(sources[0].currentRect);
    }
  }
}).observe({ type: "layout-shift", buffered: true });

Spezifikationen

Specification
Layout Instability
# dom-layoutshiftattribution-currentrect

Browser-Kompatibilität

BCD tables only load in the browser