【前端TIPS】阻止浏览器返回

最新推荐文章于 2023-05-30 16:34:26 发布

cigailaogai8868

最新推荐文章于 2023-05-30 16:34:26 发布

阅读量209

点赞数

文章标签：前端 javascript ViewUI

原文链接：https://my.oschina.net/u/3463305/blog/1861235

版权

$(function() {　　
	if(window.history && window.history.pushState) {　　
		$(window).on('popstate', function() {　　
			window.history.pushState('forward', null, '#');　　
			window.history.forward(1);　　
		});　　
	}　　
	window.history.pushState('forward', null, '#'); //在IE中必须得有这两行
	　　
	window.history.forward(1);　　
});

也是查找了好多资料才找到的，这种方式，可以消除后退的所有动作。包括键盘、鼠标手势等产生的后退动作。

    <script language="javascript">
        //防止页面后退
        history.pushState(null, null, document.URL);
        window.addEventListener('popstate', function () {
            history.pushState(null, null, document.URL);
        });
    </script>

现在，我们项目中就使用了第三种方式。在常用浏览器中，都可以禁用了后退。

转载于:https://my.oschina.net/u/3463305/blog/1861235