利用这串代码来禁止用户点击后退,适用于移动端和PC

1
2
3
4
5
//防止页面后退
history.pushState(null, null, document.URL);
window.addEventListener('popstate', function () {
history.pushState(null, null, document.URL);
});

在离开当前页面的时候,有时候的时候可以将当前这个监听给去掉(补充,当初写这个的场景是在react,离开这个组件的时候需要调用移除监听的方法,才能不影响其他组件,否则会导致其他组件也出现后退不了的情况)