javascript - 如何使用jquery防止多次输入按键？

Question

我需要在 jquery 中找到连续的回车键。这可能吗？

$('#password-input').keyup(function(e) {
    if (e.which == 13) {
        alert("Enter key")
    }
});

这里如果我按 ENTER 键不止一次意味着我收到了两次警报。但我只需要得到一次。

请帮帮我!

Answer 1

您可以使用 jQuery#bind绑定(bind) keyup 事件，然后使用 jQuery#unbind 解除绑定(bind) keyup 事件当最终用户按下“Enter 键”以防止多次“Enter 键”时:

var $passwordInput = $('#password-input');

$passwordInput.bind('keyup', function(e) {
  passwordInputKeyupHandler(e);
});

function passwordInputKeyupHandler(e) {   
  if (e.which === 13) {
    console.log('Enter key!');
    $passwordInput.unbind('keyup');

    return setTimeout(function(){
      console.log('Rebind keyup event');
      $passwordInput.keyup(passwordInputKeyupHandler);
    }, 2000);
  } 

  console.log('Any other key...');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id="password-input" type="password">

请注意，正如 @dorado 所指出的那样评论在 2 秒后使用 setTimeout() 进行了“重新绑定(bind)”，以避免最终用户不得不重新加载页面..