jQuery keyup with delay

Question

我希望您在function keyup((之后显示警报消息。为此，我使用以下代码：

$('#myInputingNumber').keyup(function() {
  alert ("Key Up")
})

这可以正常工作，并且在每个密钥通话后显示警报消息。但这不是很好。

是否有任何方法可以检查，如果用户有2秒长的"键"，并且仅显示警报消息？

Answer 1

 let delay = (()=>{
      let timer = 0;
      return function(callback, ms){
        clearTimeout (timer);
        timer = setTimeout(callback, ms);
      };
    })();
    window.document.getElementById("myInputingNumber").addEventListener("keyup",function() {
        delay(function(){
          alert('Key Up');
        }, 2000 );
    });

<input type="text" id="myInputingNumber">

Answer 2

您也可以尝试。

var flag = false;
$(function(){
  $("#demoKeyup")
  .keydown(function(){
    flag = true;
    setTimeout(function(){
      if (flag == true) {
        alert("still key down");
        flag = false;
      }
    },2000);
  })
  .keyup(function(){
    flag = false;
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="text" id="demoKeyup">