Disable window beforeunload -Eigenschaft für eine Schaltfläche

Question

Ich habe Seitenumleitungen/reloads mit window.beforeunload Funktion deaktiviert, aber sobald die Formularübergabe auf der Seite passiert, möchte ich auf die nächste Seite umleiten, ohne die window.beforeunload Warnungen anzuzeigen. Wie kann ich das machen?

$(window).on("beforeunload", function() { 
    return "Changes won't be saved."; 
}); 

Dies ist der Knopf, der den Alarm nicht ausgelöst werden soll:

<form id="command" action="/some-uri" method="post"> 
    <button type="submit" value="NEXT" class="btn btn-red- light">NEXT</button> 
</form> 

Answer 1

eine Klasse zu jedem Elemente hinzufügen, die Sie nicht wollen, um das Ereignis auslösen, zum Beispiel“.not-Trigger “, dann:

$(".not-trigger").on("click", function(){ 
    $(window).off("beforeonunload"); 
}); 

Answer 2

prüfen eine Variable

Pseudocode

if some dirty change -> window.hasSomeDirtyChanges = true; 
if all dirty changes saved -> window.hasSomeDirtyChanges = false; 

$(window).on("beforeunload", function() { 
    if(!window.hasSomeDirtyChanges) return true; 
    return "Changes won't be saved."; 
}); 

Auf diese Weise müssen Sie nicht jedes Mal, wenn Sie auf eine Seite gehen, die Bindung lösen. Dies funktioniert für alle Seiten, Sie müssen nur eine Variable verwalten.