LayoutShift: thuộc tính lastInputTime

Khả dụng hạn chế

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

Thuộc tính chỉ đọc lastInputTime của giao diện LayoutShift trả về thời gian của đầu vào loại trừ gần nhất hoặc 0 nếu không có đầu vào loại trừ nào xảy ra.

Sự dịch chuyển bố cục chỉ là xấu nếu người dùng không mong đợi chúng. Các chỉ số dịch chuyển bố cục như CLS loại trừ các sự dịch chuyển xảy ra ngay sau một số tương tác người dùng nhất định. Các tương tác này được gọi là đầu vào loại trừ. Các đầu vào loại trừ bao gồm:

Bất kỳ sự kiện nào báo hiệu tương tác chủ động của người dùng với tài liệu: (mousedown, keydown, và pointerdown)
Bất kỳ sự kiện nào thay đổi trực tiếp kích thước viewport.
Các sự kiện change.

Các sự kiện mousemove và pointermove không là đầu vào loại trừ.

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

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