单击浏览器的后退按钮时，应用新URL不会自动加载页面

Question

Some background info:

for example, I load page with url1 then I used window.history.pushState() to modify URL to be URL2

I then click the "back" button, I noticed that the address line changes the URL to be URL1 but the page doesn't load to reflect the contents.

What is the trick here? Thanks!

Answer 1

You need to listen for the window's popstate event like this:

addEventListener('popstate', function() {

    // code to be executed when back button is clicked

}, false);