Как вызвать событие при нажатии кнопки «Назад назад»

Question

Как вызвать событие jquery при нажатии кнопки «Назад назад». Я использую одностраничное приложение в asp.net mvc, и я хочу показать окно подтверждения, чтобы покинуть экран, когда пользователь нажимает кнопку «Назад» браузера. Как я могу вызвать функцию jquery на кнопке назад. Пожалуйста помоги. Я искал и обнаружил событие push state, но я не понял, как его использовать в моем случае, описанном выше.

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) { 
       // alert('Browser Back or Forward button was pressed.'); 
       } 
    if(window.onBrowserHistoryButtonClicked){ 
    window.onBrowserHistoryButtonClicked(); 
      } 
     }); 
    } 
}); 

Answer 2

jQuery(document).ready(function($) { 

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

    window.history.pushState('forward', null, './#forward'); 

    $(window).on('popstate', function() { 
     alert('Back button was pressed.'); 
    }); 

    } 
}); 

JavaScript or jQuery browser back button click detector