Html - beforeunload - Cross Browser

Question

Edit: Diese Frage ist anders, da ich für eine Lösung in 2017 Browser frage. Die andere Frage bezieht sich auf Browser seit Jahren. Auch gibt es keine Lösung. Es muss eine Lösung geben, und darum bitte ich.

Ich habe ein Ereignis-Listener hinzugefügt:

addEventListener("beforeunload", MyBeforeUnload, false); 

Ich habe meine Funktion:

function MyBeforeUnload() { 
    if(!g_IsSaved) { 
     return "You have not saved your data. If you leave this page without saving, your data will be lost."; 
    }else { 
    // Do not return anything if ok to leave 
    } 
} 

Dies löst und zeigt eine Warnmeldung im Internet Explorer.

Es löst die Funktion aus und gibt die Zeichenfolge korrekt zurück, ABER löst die Warnmeldung in Chrome, Edge oder Firefox beim Schließen des Browsers mit der Schaltfläche [x] oben rechts im Browser nicht aus.

Ist es möglich, diesen funktionierenden Cross-Browser 2017 zu bekommen?

Answer 1

versuchen, es zu verwenden, wie, dass es in Cross-Browser

window.addEventListener("beforeunload", function(e) { 
    var confirmationMessage = "You have not saved your data. If you leave this page without saving, your data will be lost."; 

    if (!g_IsSaved) { 
     (e || window.event).returnValue = confirmationMessage; //Gecko + IE 
     return confirmationMessage; //Webkit, Safari, Chrome etc. 
    } else { 
     // Do not return anything if ok to leave 
    } 
}); 

Aber Chrome hat beschlossen, arbeiten sollte die Möglichkeit, eine benutzerdefinierte Meldung im onbeforeunload Dialog zu entfernen, um zu vermeiden scamming

Sehen Sie dieses bug report vom 18. Februar 2016.

onbeforeunloaddialoge werden für zwei th. Verwendet auf dem Modern Web:
1. Verhindern, dass Benutzer versehentlich Daten verlieren.
2. Scamming Benutzer.