jqueryを使用して複数回Enterキーを押さないようにするにはどうすればいいですか？

Question

私はjqueryで継続的なEnterキーを押す必要があります。これは可能ですか？ここで

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

私はを押していた場合は、キー以上の時間が、私は2回のアラートを取得しています意味ENTER。しかし、私は1回だけ取得する必要があります。

私を助けてください！

Answer 1

表示アラートの遅延時間を設定する状態

var pressed = false; 
$('#password-input').keyup(function(e) { 
    if (!pressed) { 
     if (e.which == 13) { 
      pressed = true; 
      alert('Enter key'); 
     } 
    } 
}); 

Answer 2

使用.setTimeout()を格納する変数を使用します。遅延時間でEnterキーをもう一度押すと、以前のタイムアウトを削除して新しいタイムアウトを設定します。タイムアウトの最後にアラートを表示します。

var interval; 
 
$('#password-input').keyup(function (e) { 
 
    if (e.which == 13) { 
 
     clearInterval(interval); 
 
     interval = setTimeout(function(){ 
 
      alert("Enter key") 
 
     }, 500); 
 
    } 
 
});

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

あなたのカスタム時間に遅れの時間を変更することができます。

Answer 3

あなたはkeyupイベントをバインドするjQuery#bindを使用して、エンドユーザーPRESは「キーを入力し、」複数回を防ぐために「キーを入力します」ときjQuery#unbindとkeyupイベントをバインド解除よりもすることができます

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によって指摘されているように持っているエンドユーザーを避けるために、 setTimeout()を使用して、2秒後に「再バインド」を作ったこと は

注意ページをリロードするには

Answer 4

ステートを格納するために変数を使用する以外にも、数ミリ秒が経過しても再度Enterキーを押すとアラートが表示されることがあります。これはsetTimeoutによって達成することができます。たとえば、Enterキーは2000msの間隔の後に押された場合にのみ再検出されます。同時に1時間以上

var pressed = false; 
$('#input-element').keyup(function(e) { 
    if (!pressed) { 
     if (e.which == 13) { 
      pressed = true; 
      alert('Enter pressed.'); 
      i = setTimeout(function() { 
       pressed = false; 
      }, 2000); 

     } 
    } 
}); 

Answer 5

var pressed = false; 
    $('#password-input').on('keyup',function(e) { 
     if (e.which == 13 && !pressed) { 
      pressed = true; 
      alert("Enter key"); 
     } 
    });