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 |
浏览器兼容性
加载中…