JS中怎么获得浏览器后退事件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS中怎么获得浏览器后退事件相关的知识,希望对你有一定的参考价值。

请高手解答下如何获得浏览器点击后退按钮事件

参考技术A $(document).ready(function(e)
var counter = 0;
if (window.history && window.history.pushState)
$(window).on('popstate', function ()
window.history.pushState('forward', null, '#');
window.history.forward(1);
alert("不可回退");
);


window.history.pushState('forward', null, '#'); //在IE中必须得有这两行
window.history.forward(1);
);
参考技术B pushHistory(); //改变地址栏
window.addEventListener("popstate", function(e) //监听浏览器的返回按钮
popstate();
, false);
/**
*功能:改变地址栏
*参数:
*返回值:
*创建人:
**/
function pushHistory()
var state =
title: "title",
url: "#"
;
window.history.pushState(null, "title", "#"); //改变地址栏
参考技术C js条用这个方法
function closewindow
history.go(-1);
参考技术D window.history.go(-1)
alert(window.history.length);
第5个回答  2013-04-08 history.back();

js监听浏览器后退事件

参考链接:https://developer.mozilla.org/zh-CN/docs/Web/API/Window/onpopstate

代码如下:

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

            var counter = 0;

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

            window.onpopstate = function () {

                        window.history.pushState(‘forward‘, null, ‘#‘);

                        window.history.forward(1);

                        alert("不可回退");

                    };

            }

            window.history.pushState(‘forward‘, null, ‘#‘); //在IE中必须得有这两行

            window.history.forward(1);

});

如果在浏览器执行了回退操作,则会触发页面弹出“不可回退”弹框,当然这里可以进行你所需要的不同的处理;



原文:https://www.jianshu.com/p/8916c3d8e07f

以上是关于JS中怎么获得浏览器后退事件的主要内容,如果未能解决你的问题,请参考以下文章

JS监听浏览器后退事件

js 捕获浏览器后退事件

js监听浏览器后退事件

js监听浏览器后退事件

记录:uni-app 监听浏览器返回事件,onBackPress生命周期失效问题

如何使用角度检测浏览器后退按钮单击事件?