按下后退按钮时的Jquery

Question

我点击一下即可更改页面上的内容.我想知道当你按下浏览器上的后退按钮时是否有办法触发效果

Answer 1

您可以使用popstate事件来执行此操作:

window.onpopstate = function() {
  alert("pop!");
}

或者在jQuery中:

$(window).on('popstate', function(event) {
 alert("pop");
});

然而,这也将在向前导航时触发,而不仅是向后导航.

Answer 2

禁用回网址

$(function() {
    if (window.history && window.history.pushState) {
        window.history.pushState('', null, './');
        $(window).on('popstate', function() {
            // alert('Back button was pressed.');
            document.location.href = '#';

        });
    }
});

Answer 3

使用此代码来检测浏览器后退按钮事件

<script>
    if (performance.navigation.type == 2) {
        alert("Back button clicked");
    }
</script>