Scheduling: phương thức isInputPending()

Cú pháp

isInputPending()
isInputPending(options)

Tham số

options Optional

Đối tượng cung cấp các tùy chọn. Hiện tại, tùy chọn duy nhất là:

includeContinuous Optional

Giá trị boolean, mặc định là false. Nếu đặt thành true, cho biết các sự kiện liên tục nên được xem xét khi kiểm tra đầu vào đang chờ. Sự kiện liên tục là các sự kiện đáng tin cậy (sự kiện được gửi bởi trình duyệt) được kích hoạt liên tiếp, như mousemove, wheel, touchmove, drag, pointermove, và pointerrawupdate.

Giá trị trả về

Giá trị boolean cho biết có sự kiện đầu vào đang chờ trong hàng đợi sự kiện (true) hay không (false).

Ví dụ

Chúng ta có thể sử dụng isInputPending() bên trong cấu trúc task runner để chạy hàm yield() chỉ khi người dùng đang cố gắng tương tác với trang:

function yield() {
  return new Promise((resolve) => {
    setTimeout(resolve, 0);
  });
}

async function main() {
  // Tạo mảng các hàm cần chạy
  const tasks = [a, b, c, d, e];

  while (tasks.length > 0) {
    // Nhường quyền cho đầu vào người dùng đang chờ
    if (navigator.scheduling.isInputPending()) {
      await yield();
    } else {
      // Lấy tác vụ đầu tiên ra khỏi mảng tác vụ
      const task = tasks.shift();

      // Chạy tác vụ
      task();
    }
  }
}

Điều này cho phép bạn tránh chặn luồng chính khi người dùng đang tích cực tương tác với trang, có thể cung cấp trải nghiệm người dùng mượt mà hơn. Tuy nhiên, bằng cách chỉ nhường quyền khi cần thiết, chúng ta có thể tiếp tục chạy tác vụ hiện tại khi không có đầu vào người dùng nào cần xử lý.

Thông số kỹ thuật

Tương thích trình duyệt

Xem thêm

• Giao diện Scheduler
• Prioritized Task Scheduling API
• Faster input events with Facebook's first browser API contribution trên engineering.fb.com (2019)
• Better JS scheduling with isInputPending() trên developer.chrome.com (2020)
• Optimizing long tasks trên web.dev (2022)