⏱️ isInputPending 演示

navigator.scheduling.isInputPending() 是一个浏览器API，用于检测当前是否有待处理的用户输入事件（如点击、键盘输入、触摸等）。它返回一个布尔值，帮助开发者在长任务中判断是否需要让出主线程以保持界面响应。该API从 Chrome 87 开始支持。

当 includeContinuous: true 时，API还会检测连续事件（如 mousemove、wheel、touchmove、pointermove 等）。默认情况下（false），仅检测离散事件（click、keydown、touchstart等）。对于需要响应拖拽或滚动的场景，建议开启此选项。

isInputPending() 是检测工具——告诉你是否有待处理输入；scheduler.yield() 是执行工具——主动让出主线程。两者通常配合使用：先用 isInputPending 检查，如果为true，再调用 yield（或 setTimeout）让出主线程。scheduler.yield() 是更新的API，目前在标准化过程中。

适合任何可能长时间占用主线程的操作：大量DOM操作、复杂计算、数据处理、Canvas渲染、游戏循环、搜索建议的实时过滤等。在这些场景中定期检查 isInputPending 可以让应用始终保持对用户输入的响应。

目前主要在 Chrome 87+ 和基于Chromium的浏览器中支持。对于不支持的浏览器，推荐使用时间片策略作为降级方案：使用 performance.now() 跟踪执行时间，每50ms主动让出主线程。本演示在检测到API不可用时也会自动切换到模拟模式。

典型的用法模式如下：

async function longTaskWithCoop() {
  for (let i = 0; i < totalItems; i++) {
    // 执行一小段工作
    processItem(i);
    
    // 每N次迭代检查一次
    if (i % 500 === 0 && navigator.scheduling?.isInputPending()) {
      // 有待处理输入，让出主线程
      await new Promise(r => setTimeout(r, 0));
    }
  }
}