最近做移动端项目,同页面全屏弹层为防止用户习惯用大返回关闭弹层,导致退出该页面,最后写了个监听大返回(回退)事件方法,代码如下:
监听回退事件
// 监听回退事件
window.addEventListener("popstate", function(e) {
// 这里写你想做的事:如关闭我关闭弹层
}, false);
禁止回退页面
// 禁止回退页面
function pushHistory() {
var state = {title: "title",url: "#"};
window.history.pushState(state, "title", "#");
}
这里为什么这里有个 pushHistory() 方法呢,而不是全局调用,如果全部禁止可能导致用户在该页面后就无法回退了,只能关闭应用,这里方法用处,如你调用一个弹层或者弹窗在这时候可以调用该方法只会执行一次!