Bestätigen Sie das Kontrollkästchen im Browser zurück Schaltfläche

Question

Ich möchte das Ereignis auf der Rückseite oder Refresh-Taste des Browsers abfangen. Ich habe keine perfekte Lösung gefunden, die nur Back-Event erfasst und mit allen Browsern kompatibel ist. Bitte geben Sie eine Lösung an.

Vielen Dank im Voraus.

Answer 1

window.userInteractionTimeout = null; 
window.userInteractionInHTMLArea = false; 
window.onBrowserHistoryButtonClicked = null; // This will be your event handler for browser navigation buttons clicked 

$(document).ready(function() { 
    $(document).mousedown(function() { 
     clearTimeout(window.userInteractionTimeout); 
     window.userInteractionInHTMLArea = true; 
     window.userInteractionTimeout = setTimeout(function() { 
      window.userInteractionInHTMLArea = false; 
     }, 500); 
    }); 

    $(document).keydown(function() { 
     clearTimeout(window.userInteractionTimeout); 
     window.userInteractionInHTMLArea = true; 
     window.userInteractionTimeout = setTimeout(function() { 
      window.userInteractionInHTMLArea = false; 
     }, 500); 
    }); 

    if (window.history && window.history.pushState) { 
     $(window).on('popstate', function() { 
      if (!window.userInteractionInHTMLArea) { 
       //document.location.href = "logOff.htm"; 
       setTimeout(function(){ var answer = confirm("Are you Sure?? This will expire your session"); 
       if(answer == true) 
        { 
        document.location.href = "logOff.htm"; 
        } 
       },100); 


       //alert('Browser Back or Forward button was pressed.'); 
      } 
      if (window.onBrowserHistoryButtonClicked) { 

       window.onBrowserHistoryButtonClicked(); 
      } 
     }); 
    } 
}); 

Answer 2

können Sie den Event-Handler onpopstate von HTML5 Geschichte API verwenden, wie folgt aus:

$(document).ready(function() { 

if (window.history && window.history.pushState) { 

$(window).on('popstate', function() { 
    //confirmation box 
    confirm('Back button clicked!'); 
}); 
} 
}); 

Beachten Sie, dass Sie benötigen, um eine Seite haben, um wieder auf ...