js 监听回退事件，并且阻止页面回退

最近做移动端项目，同页面全屏弹层为防止用户习惯用大返回关闭弹层，导致退出该页面，最后写了个监听大返回（回退）事件方法，代码如下：

监听回退事件

// 监听回退事件
window.addEventListener("popstate", function(e) {
	// 这里写你想做的事：如关闭我关闭弹层
}, false);

禁止回退页面

// 禁止回退页面
function pushHistory() { 
    var state = {title: "title",url: "#"};
    window.history.pushState(state, "title", "#"); 
}

这里为什么这里有个 pushHistory() 方法呢，而不是全局调用，如果全部禁止可能导致用户在该页面后就无法回退了，只能关闭应用，这里方法用处，如你调用一个弹层或者弹窗在这时候可以调用该方法只会执行一次！