布局偏移：lastInputTime 属性

实验性： 这是实验性技术
在生产环境中使用此功能之前，请仔细查看浏览器兼容性表。

lastInputTime 是 LayoutShift 接口的只读属性，它返回最近一次排除输入的时间，如果未发生排除输入，则返回 0。

布局偏移只有在用户没有预期的情况下才会出现问题。布局偏移指标（如 CLS）会排除在某些用户交互后不久发生的偏移。这些交互称为排除输入。排除输入包括

任何信号用户与文档积极交互的事件：(mousedown、keydown 和 pointerdown)
任何直接改变视窗大小的事件。
change 事件。

mousemove 和 pointermove 事件不属于排除输入。

值

一个 DOMHighResTimeStamp，表示最近一次排除输入时间，如果未发生排除输入，则返回 0。

示例

记录上次输入时间

如果发生排除输入，则记录排除输入时间。

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

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

规范

规范
布局不稳定 # dom-layoutshift-lastinputtime

浏览器兼容性

BCD 表仅在浏览器中加载

另请参阅

LayoutShift.hadRecentInput