Js实现阻止浏览器返回的功能

原创已于 2022-07-20 14:58:47 修改 · 1.5w 阅读

17 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

javascript

当前文章被收录于：

javascript

29 篇文章 3 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

于 2020-06-16 18:46:23 首次发布

本文介绍了一种通过JavaScript代码实现禁用浏览器后退按钮的方法，适用于推广落地页等不希望用户返回的场景。利用HTML5的history.pushState()方法，在不刷新页面的情况下创建新的浏览记录，配合window.history.forward()和window.onpopstate监听，有效阻止用户通过后退按钮返回。

无论pc端还是移动端,浏览器都会带有后退按钮或后退键.主要方便我们能返回以前访问过的页面,但有时候我们不得不关闭这个功能.尤其是对于一些推广落地页,用户进入后不希望它返回。

目前有很多推广的朋友也在问,如何实现:“怎样才能禁用浏览器的后退按钮?”,或者“怎样才能防止用户点击后退按钮返回以前浏览过的页面？

在禁止后退的页面直接添加下面的js代码即可:

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