浏览器回退拦截_javascript 如何阻止用户点击浏览器的回退/前进按钮呢？

摘要：

下文讲述前端开发技巧-阻止用户点击回退按钮，如下所示；

由于浏览器回退或前进都会触发popstate事件，则我们可以通过监听

popstate事件，然后对其进行相应的脚本处理，达到阻止用户

实现思路:

window.addEventListener('popstate', function(state) {

console.log(state);

})

history.back();

例:

maomao365.com

javascript 禁止页面回退/前进的实现思路

---

window.addEventListener("popstate", function (e) {

var isConfirm = confirm("您确定离开当前页面吗?");

if (isConfirm) {

window.location.href = "http://www.linux28.com" ; //跳转页

} else {

history.back();

}

}, false);

function pushHistory() {

var state = {

title: "猫猫教程",

url: "http://www.maomao365.com"

};

window.history.pushState(state, "猫猫教程", "#");

}

pushHistory(); //加入历史记录