检测用户何时取消键入

let timeoutId;

function onInputChange(event) {
  clearTimeout(timeoutId); // 清除之前的定时器
  timeoutId = setTimeout(() => {
    console.log('用户停止键入，执行操作');
    // 在这里执行你需要的操作，比如发送请求或保存数据
  }, 3000); // 3秒后执行
}

document.getElementById('inputField').addEventListener('input', onInputChange);

let timeoutId;

function onInputChange(event) {
  clearTimeout(timeoutId);
  timeoutId = setTimeout(() => {
    console.log('用户停止键入，执行操作');
    performAction()
      .then(() => console.log('操作成功'))
      .catch((error) => console.error('操作失败:', error));
  }, 3000);
}

async function performAction() {
  try {
    // 模拟异步操作，比如发送网络请求
    const response = await fetch('/api/saveDraft', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({ content: event.target.value })
    });
    if (!response.ok) {
      throw new Error('网络响应错误');
    }
  } catch (error) {
    throw error;
  }
}

document.getElementById('inputField').addEventListener('input', onInputChange);