h5监听页面返回

在移动端我们常常需要监听页面的返回，例如用户点击返回按钮时，我们需要给一个提示框，提醒用户是否真的要返回。但是ios以及许多的安卓手机可以左滑返回上一页，所以我们需要监听页面的返回

if (window.history && window.history.pushState) {
 pushHistory();
  window.addEventListener("popstate", (e)=> {
    alert('页面要返回了')
  }, false);
}
function pushHistory() {
 const state = {
    title: "title",
    url: "#"
  };
  window.history.pushState(state, "title", "#");
},

其实就是利用history的popstate，可以查看[MDN]

注意： 在移动端需要有页面交互都才会触发