JavaScript或jQuery浏览器后退按钮点击检测器

Question

有人可以分享经验/代码我们如何检测浏览器后退按钮点击(对于任何类型的浏览器)？

我们需要满足所有不支持HTML5的浏览器

Answer 1

"popstate"事件仅在您之前推送某些内容时才有效.所以你必须做这样的事情:

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.');
    });

  }
});

对于浏览器向后兼容性,我建议:history.js

Answer 2

有很多方法可以检测用户是否单击了"后退"按钮.但一切都取决于你的需求.尝试探索下面的链接,他们应该帮助你.

检测用户是否按下当前页面上的"后退"按钮:

• 有没有办法使用Jquery来检测跨浏览器按下的后退按钮
• 在浏览器中检测后退按钮

按下上一页("前进")页面上的"后退"按钮后,检测当前页面是否被访问:

• 单击后退按钮时是否存在跨浏览器onload事件？
• 触发事件在浏览器后退按钮单击

Answer 3

发现这可以很好地跨浏览器和移动back_button_override.js.

(为safari 5.0添加了一个计时器)

// managage back button click (and backspace)
var count = 0; // needed for safari
window.onload = function () { 
    if (typeof history.pushState === "function") { 
        history.pushState("back", null, null);          
        window.onpopstate = function () { 
            history.pushState('back', null, null);              
            if(count == 1){window.location = 'your url';}
         }; 
     }
 }  
setTimeout(function(){count = 1;},200);

Answer 4

如果是 HTML5，这就能解决问题

window.onpopstate = function() {
   alert("clicked back button");
}; history.pushState({}, '');

Answer 5

在javascript中，导航类型2表示单击了浏览器的后退或前进按钮，并且浏览器实际上是从缓存中获取内容。

if(performance.navigation.type == 2) {
    //Do your code here
}

Answer 6

它可在 HTML5 History API 中使用。该事件称为'popstate'