Browser zurück-button klicken Sie mit bestätigen Sie die box

Müssen, erstellen Sie die javascript-confirm-pop-up-Fenster klicken Sie auf der Browser Schaltfläche "zurück". Wenn ich auf zurück button pop-up wird kommen und sagen, "Sie wollen weitermachen ?", wenn klicken Sie Sie auf ja, dann es würde umgeleitet haben Sie zur vorherigen Seite.

Ich habe folgenden code, es funktioniert nicht wie pro die Anforderung.

if(window.history && history.pushState){ //check for history api support
        window.addEventListener('load', function(){

            //create history states
            history.pushState(-1, null); //back state
            history.pushState(0, null); //main state
            history.pushState(1, null); //forward state
            history.go(-1); //start in main state

            this.addEventListener('popstate', function(event, state){
                //check history state and fire custom events
                if(state = event.state){

                    event = document.createEvent('Event');
                    event.initEvent(state > 0 ? 'next' : 'previous', true, true);
                    this.dispatchEvent(event);

                    var r = confirm("Would you like to save this draft?");
                    if(r==true) { 
                        //Do nothing      

                    } else {  
                       self.location = document.referrer;    
                    }
                    //reset state
                    history.go(-state);

                }
            }, false);
        }, false);
    }

Jede Hilfe in dieser wäre das wirklich bemerkenswert.

InformationsquelleAutor user2509333 | 2013-08-09
  1. 5

    Versuchen Sie dies: es ist einfach und Sie bekommen die totale Kontrolle über die zurück-Taste.

    if (window.history && history.pushState) {
    addEventListener('load', function() {
        history.pushState(null, null, null); //creates new history entry with same URL
        addEventListener('popstate', function() {
            var stayOnPage = confirm("Would you like to save this draft?");
            if (!stayOnPage) {
                history.back() 
            } else {
                history.pushState(null, null, null);
            }
        });    
    });
}
    • dies funktioniert aber wenn ich aktualisieren meine aktuelle Seite erhalte eine leere Seite
    • Das Dialogfeld zur Bestätigung gibt true zurück, wenn der Benutzer die OK-option. Also, Ihr Zustand sollte geändert werden. Fx. wenn(leavePage)
    InformationsquelleAutor Robert Moore
  2. 2
    window.onbeforeunload = function() {
    return "Leaving this page will reset the wizard";
};

    Dies würde Ihnen helfen.

    DEMO

    • Dies funktioniert nicht in Chrome für die zurück-Taste
    • Es funktioniert nicht in neueren Browsern, weil Sie sich nicht mehr erlauben, benutzerdefinierte Meldungen.
    InformationsquelleAutor Vaibs_Cool
  3. 1

    Ist es möglich, immer zeigt ein Dialogfeld zur Bestätigung, wenn ein Benutzer versucht, die Seite verlassen. Dazu gehört auch, dass das drücken der zurück-Taste. Vielleicht ist das eine passende quick-fix für Ihr Problem?

    window.addEventListener('beforeunload', function() {
    return 'You really want to go ahead?';
});

    http://jsfiddle.net/squarefoo/8SZBN/1/

    • Dies funktioniert nicht bei mir (neueste Firefox-38.0)
    • dies hat bei mir nicht funktioniert entweder, ich verwendete Fenster.onbeforeunload = function() ... und gearbeitet
    • Funktioniert nicht in Safari.
    InformationsquelleAutor Robin Drexler
  4. 1

    Die Lösung von Robert Moore verursacht doppelten Ereignisse bei der Aktualisierung der Seite für mich. Vermutlich, da der Staat würde wieder mehrmals Hinzugefügt.

    Arbeitete ich rund um es durch hinzufügen von nur Staat, wenn es null ist. Ich auch bereinigen den Hörer, bevor Sie wieder gehen.

        window.onload = function () {
        if (window.history && history.pushState) {
            if (document.location.pathname === "/MyBackSensitivePath") {
                if (history.state == null) {
                    history.pushState({'status': 'ongoing'}, null, null);
                }
                window.onpopstate = function(event) {
                    const endProgress = confirm("This will end your progress, are you sure you want to go back?");
                    if (endProgress) {
                        window.onpopstate = null;
                        history.back();
                    } else {
                        history.pushState(null, null, null);
                    }
                };
            }
        }
    };

    MDN hat einen guten read auf den Status verwalten: https://developer.mozilla.org/en-US/docs/Web/API/History_API#The_pushState()_method

    InformationsquelleAutor span
  5. 0
    /* Prevent accidental back navigation click */
history.pushState(null, document.title, location.href);
window.addEventListener('popstate', function (event)
{
    let leavePage = confirm("you want to go ahead ?");
    if (leavePage) {
        history.back() 
    } else {
        history.pushState(null, document.title, location.href);
    }  
});
    InformationsquelleAutor chri3g91
  6. -1

    Versuchen, Diese,

    window.onbeforeunload = function() {
  return "You're leaving the site.";
};
$(document).ready(function() {
  $('a[rel!=ext]').click(function() {
    window.onbeforeunload = null;
  });
});
    InformationsquelleAutor Manish Chauhan
Schreibe einen Kommentar