javascript - 可以确定自上次按键后 2 秒后的操作

Question

我有一个文本框 html 元素，如图所示:

<input type="text" id="emailaddress" value="Emailaddress"/>

id 想要完成的是仅在用户在 keyup 事件触发后 2 秒释放按键后才会激活的代码。

例如:

用户输入各自的电子邮件地址，然后我们等待 2 秒以确定他们确实不再输入，然后应用我的验证代码。

我有一个 Tab 键的 onkeydown，效果很好，但我正在寻找 onkeyup 事件，它必须在该 html 元素上次 keyup 后 2 秒内触发

Answer 1

您正在寻找的称为“反跳”。这是一个简单的例子:

var debounce;

document.getElementById('emailaddress').addEventListener('keyup', function(e) {
  clearTimeout( debounce );
  
  debounce = setTimeout( function() {
    console.log('I waited 2 seconds before firing after last keyup');  
  }, 2000);
});  

<input type="text" id="emailaddress" value=""/>

它仅在停止尝试操作一段时间(在本例中为 2 秒)后才触发代码。我同意评论者的观点，2 秒是很长的时间，通常输入的去抖时间约为 300 毫秒(根据我的经验)。