Javascript – JS-Fenster-Escape-Effekt, bitte um Rat

Um ein Backend zu erstellen, können Sie Artikel und Produktanforderungen bearbeiten. Wenn der Benutzer auf das Bearbeitungsfenster klickt, um Änderungen ohne Speichern vorzunehmen, klicken Sie auf eine beliebige Stelle außerhalb des Bearbeitungsfensters, um das Standardereignis zu verhindern, und ein Popup-Fenster wird angezeigt Ermöglichen Sie dem Benutzer die Auswahl, ob das Standardereignis gespeichert werden soll oder nicht.
Nach langem Überlegen gibt es keine gute Lösung. Bitte geben Sie mir eine Idee.

Das Hauptproblem besteht darin, dass das Popup-Fenster nicht durch das Schließen des Browsers ausgelöst wird, sondern durch Klicken auf nicht bearbeitende Fensterteile auf der Seite, und in diesen Teilen gibt es verschiedene Bindungsereignisse, Links usw .

Antwortinhalt:

Um ein Backend zu erstellen, die Funktion zum Bearbeiten von Artikeln und Produktanforderungen. Wenn der Benutzer auf das Bearbeitungsfenster klickt, um Änderungen ohne Speichern vorzunehmen, klickt er auf eine beliebige Stelle außerhalb des Bearbeitungsfensters, um das Standardereignis zu verhindern, und ein Popup-Fenster wird angezeigt Ermöglichen Sie dem Benutzer die Auswahl, ob das Standardereignis gespeichert werden soll oder nicht.
Nach langem Überlegen gibt es keine gute Lösung. Bitte geben Sie mir eine Idee.

Das Hauptproblem besteht darin, dass das Popup-Fenster nicht durch das Schließen des Browsers ausgelöst wird, sondern durch Klicken auf nicht bearbeitende Fensterteile auf der Seite, und in diesen Teilen gibt es verschiedene Bindungsereignisse, Links usw .

Die ursprüngliche Idee bestand darin, dem Bearbeitungsfenster ein Defokussierungsereignis hinzuzufügen, eine benutzerdefinierte Bestätigung anzuzeigen und anhand der Bestätigungsauswahl zu beurteilen, ob das Standardereignis ausgeführt werden soll, aber ich habe aufgegeben ...
Am Ende , ich konnte nur jedem Link und jedem Ereignis eine Beurteilungsmethode hinzufügen und die Standardausführungsfunktion als Rückrufparameter übergeben
ähnlich wie hier

<code><a href="index.php">首页</a></code>

wurde in

geändert

<code><div id="myconfirm">
    <p>确认离开？</p>
    <button id="yes">是</button><button id="no">否</button>
</div>
<a href="javascript:void(0)">首页</a>
<script>
$('a').click(function(){
    myconfirm(function(){
        window.location.href="index.php";
    },function(){
        return false;
    });
});
function myconfirm(fun_yes,fun_no){
    $('#yes').unbind();
    $('#no').unbind();
    $('#yes').click(function(){
        fun_yes();
    });
    $('#no').click(function(){
        fun_no();
    });
    $('#myconfirm').show();
}
</script></code>

Ein sehr beliebtes Dialog-Plug-in,
http://aui.github.io/artDialo...

Überwachen Sie Browser-Schließereignisse

Ist es nicht möglich, das Onblur-Ereignis an den Editor zu binden?