Wie kann verhindert werden, dass die Eingabetaste mehrmals mit jquery gedrückt wird?

Question

Ich muss kontinuierliche Eingabe-Taste in jquery drücken finden. Ist das möglich?

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

Hier Wenn ich bin ENTER Taste mehr als einmal meine ich Benachrichtigungen über zwei Mal bin immer. Aber ich brauche nur ein einziges Mal.

Bitte helfen Sie mir!

Answer 1

eine Variable verwenden, um den Zustand zu speichern

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

Answer 2

Verwenden .setTimeout() Verzögerung für die Anzeige Alarm einzustellen. Wenn in der Verzögerungszeit die Eingabetaste erneut gedrückt wird, entfernen Sie das vorherige Timeout und setzen Sie ein neues Timeout. Am Ende der Zeitüberschreitung wird eine Warnung angezeigt.

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" />

Sie können Zeit der Verzögerung auf Ihre individuelle Zeit ändern.

Answer 3

können Sie jQuery#bind verwenden, um das keyup Ereignis zu binden und als das mit jQuery#unbindkeyup Ereignis entbinden, wenn die Endbenutzer pres der „Enter-Taste“, um mehrere Male der „Enter-Taste“ zu verhindern:

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">

Beachten Sie, dass, wie durch @dorado auf den Kommentaren darauf hingewiesen, eine ‚rebind‘ nach 2 Sekunden hergestellt wurde, unter Verwendung von setTimeout(), um den Endbenutzer zu vermeiden haben Um eine Seite neu laden zu lassen.

Answer 4

Neben der Verwendung einer Variable zum Speichern des Zustands Ich nehme an, Sie wollen auch, dass, wenn ein paar Millisekunden vergangen sind, drücken Sie die Eingabetaste erneut gibt Ihnen eine Warnung. Dies kann durch setTimeout erreicht werden. Zum Beispiel wird hier die Eingabetaste nur dann erneut erkannt, wenn sie nach einem Intervall von 2000 ms gedrückt wird.

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"); 
     } 
    });