LayoutShift:lastInputTime 屬性
LayoutShift 介面的只讀屬性 lastInputTime 返回最近一次排除性輸入的發生時間,如果尚未發生排除性輸入,則返回 0。
佈局移動僅在使用者未預期它們時才算糟糕。像 CLS 這樣的佈局移動指標會排除在某些使用者互動後不久發生的移動。這些互動被稱為排除性輸入。排除性輸入是
- 任何訊號使用者主動與文件互動的事件:(
mousedown、keydown和pointerdown) - 任何直接改變視口大小的事件。
change事件。
mousemove 和 pointermove 事件**不是**排除性輸入。
值
一個 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 |
瀏覽器相容性
載入中…