Wie kann ich überprüfen, ob der Eingang leer war?

Question

Hier ist mein Code:

$("input").on('keyup', function(ev){ 
 
     if(/(8)/.test(ev.which) && this.value == ''){ 
 
     alert('when you pressed backspace, the input was empty already'); 
 
     } 
 
    });

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

Alles, was ich, dies zu tun bin versucht, ist die Umsetzung:

, wenn Sie "Rücktaste" gedrückt wird, war der Eingang bereits leer

Eigentlich kann ich Englisch nicht sehr gut, vielleicht die richtige sen tenz dies:

, wenn Sie „Rücktaste“ gedrückt wird, hat die Eingabe leer, bevor Sie

drücken

Ok, ein Zeichen in das Eingabe schreiben, dann Backspace drücken, was passiert? Dieses Zeichen wird entfernt und diese Warnung wird angezeigt. Ich muss einen Schritt zwischen ihnen machen, ich meine, ich brauche zwei getrennte Rückräume für diese Ereignisse.

Eine Rücktaste zum Entfernen des letzten Zeichens, eine Rücktaste zum Anzeigen dieser Warnung. Wie kann ich das machen?

Answer 1

Das Ereignis, das Sie suchen, ist keydown

$("input").on('keydown', function(ev){ 
 
     if(ev.which === 8 && this.value == ''){ 
 
     alert('when you pressed backspace, the input was empty already'); 
 
     } 
 
    });

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

UPDATE Sie können es mit class Griff auch:

$("input").on('keyup', function(ev){ 
 
     if(ev.which === 8 && this.value == '' && $(this).hasClass('empty-input')){ 
 
     $(this).removeClass('empty-input'); 
 
     alert('when you pressed backspace, the input was empty already'); 
 
     } else { 
 
     if (this.value == '') { 
 
      $(this).addClass('empty-input'); 
 
     } 
 
     } 
 
    });

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

Answer 2

Verwenden Sie stattdessen keydown Ereignis!

Mit keyup ist der Wert von input bereits gelöscht, daher wird value=='' immer wahr sein.

$("input").on('keydown', function(ev) { 
 
    if (ev.which === 8 && this.value == '') { 
 
    alert('when you pressed backspace, the input was empty already'); 
 
    } 
 
});

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