Wie alten Wert zu erfassen und setzen Sie es auf Abbrechen mit JavaScript

Question

Ich habe ein Textfeld, aus dem ich eine Funktion auf onChange Ereignis aufrufen. Ich werfe ein Bestätigungsfenster hier, wenn der Wert in diesem Textfeld geändert wird. Wenn Abbrechen (im Bestätigungsfenster) angeklickt wird, muss der alte Wert in das Textfeld zurückgesetzt werden. Wenn Sie auf OK klicken, wird der neue Wert beibehalten. Ich habe das schon lange versucht, bin aber nicht in der Lage, den alten Wert beizubehalten.

ZB: Vor onchange, val in Textfeld = 'zuerst'; onChange-Ereignis, val geändert zu "Sekunde", Bestätigungsfenster öffnet sich, wenn ok ausgewähltes Textfeld sollte zweite haben und wenn Abbrechen ausgewählt ist, sollte "zuerst" in dem Textfeld vorhanden sein.

function onChangeOfValue(input){ 
    //var oldValue = document.getElementById(input).value; 
    document.getElementById(input).onchange = function(){ 
    var newValue = this.value; 
    alert("newVal is--->"+newValue); 
    if(document.getElementById(input) != null && document.getElementById(input) != '' 
    && !confirm("Do you want to continue?")){ 

    // this.input=oldValue; 
     return false; 
    } 
    } 

} 

Answer 1

Beachten Sie, dass Kontrollen haben eine default Eigenschaft bilden, die der Standardwert (überraschend) ist. Sie können diese Eigenschaft verwenden, um den vorherigen Wert der Eingabe zu speichern oder den Wert auf den vorherigen Wert zurückzusetzen.

Also zusammen die Vorschläge, die Sie erhalten haben, wird die folgende Funktion einen Verweis auf das Element übergeben und fragt den Benutzer, ob sie den aktuellen Wert beibehalten möchten. Wenn sie mit Ja antworten, wird defaultValue des Eingangs auf den aktuellen Wert gesetzt. Wenn der Benutzer nein sagt (d. H. Abbrechen), wird der Wert auf defaultValue zurückgesetzt.

Beachten Sie, dass dieser Ansatz des Eingangs der ursprünglichen Wert überschrieben wird, so dass, wenn Sie das Formular zurückzusetzen, die Wert des Eingangs wird auf den aktuellen default zurückgesetzt.

Dieser Ansatz funktioniert für eine beliebige Anzahl von Eingaben auf derselben Seite und in derselben Form.

Answer 2

würde ich eine Schließung verwenden Spur des letzten Wertes zu halten:

(function(){ 
    var oldValue = document.getElementById(input).value; 
    document.getElementById(input).onchange = function(){ 
     var newValue = this.value; 
     alert("newVal is--->"+newValue); 
     if(document.getElementById(input) != null 
      && document.getElementById(input) != '' 
      && !confirm("Do you want to continue?")){ 

      this.value = oldValue; 
      return false; 
     } else { 
      oldValue = this.value; 
     } 
    }; 
})();