LayoutShift:lastInputTime 屬性

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

實驗性: 這是一項實驗性技術
在生產中使用此技術之前,請仔細檢查瀏覽器相容性表格

LayoutShift 介面的只讀屬性 lastInputTime 返回最近一次排除性輸入的發生時間,如果尚未發生排除性輸入,則返回 0

佈局移動僅在使用者未預期它們時才算糟糕。像 CLS 這樣的佈局移動指標會排除在某些使用者互動後不久發生的移動。這些互動被稱為排除性輸入。排除性輸入是

mousemovepointermove 事件**不是**排除性輸入。

一個 DOMHighResTimeStamp,指示最近一次排除性輸入的發生時間,如果尚未發生排除性輸入,則返回 0

示例

記錄最近輸入時間

如果發生了排除性輸入,則記錄排除性輸入的發生時間。

js
const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    if (entry.lastInputTime) {
      console.log(entry.lastInputTime);
    }
  });
});

observer.observe({ type: "layout-shift", buffered: true });

規範

規範
佈局不穩定 API
# dom-layoutshift-lastinputtime

瀏覽器相容性

另見