LayoutShiftAttribution: previousRect-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 previousRect-Schreibgeschützte-Eigenschaft des LayoutShiftAttribution-Interfaces gibt ein DOMRectReadOnly-Objekt zurück, das die Position des Elements vor der Verschiebung darstellt.

Wert

Ein DOMRectReadOnly-Objekt.

Beispiele

Das folgende Beispiel gibt das previousRect 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].previousRect);
    }
  }
}).observe({ type: "layout-shift", buffered: true });

Spezifikationen

Specification
Layout Instability API
# dom-layoutshiftattribution-previousrect

Browser-Kompatibilität

BCD tables only load in the browser