监听手机返回事件，将页面返回到自定义的页面

场景说明：
       1. 企业微信空白页刷取授权成功后跳转到业务列表页。在返回时，又通过同样的CODE等数据刷取授权，提示异常；
       2.页面完全为HTML页面，使用前后端分离开发。跳转时都是通过js进行跳转，并且页面有自定义的返回按钮，也是通过js进行跳转，但是当通过手机物理返回时，只是返回历史浏览记录的上一个页面；
 

实现原理：通过js监听物理返回事件，触发返回按钮点击事件返回到指定的页面。

解决办法：

        对于场景1：因为在企业微信中无法通过js直接调用关闭某一个应用，所以通过控制返回页面来实现。放置隐藏返回按钮，当监听到返回页面时，控制页面保持在当前页面；

       对于场景2：通过监听返回事件或通过页面设置的返回按钮跳转到指定的页面即上一页面的路径；

使用到的代码如下：

html中的返回按钮：

<button id="backupBtn" style="display: none;" onclick="backup();">返回</button>

<!-- 全局返回监听脚本 -->
<script src="../js/public/backListen.js"></script>

 

html中引入的js：

第一种返回：

/**
 * 返回
 * 
 * @returns
 */
function backup(){
	window.history.forward(1);
}

 第二种返回：

/**
 * 返回
 * 
 * @returns
 */
function backup(){
	window.location.href = "../../backup.html";
}

监听返回事件的共同js：

backListen.js

/**
 * 返回监听
 * @author dewen.liu
 */

$(function(){
	pushHistory();
    window.addEventListener("popstate", function(e) {
    	$("#backupBtn").click();
    }, false);
    window.onbeforeunload = function() {
    	return;
    }
    function pushHistory() {
        var state = {
            title: "title",
            url: ""
        };
        window.history.pushState(state, "title", "");
    }
});

       这篇文章也是查询整理后的文章，加入了一些自身的业务需求。由于业务做得比较早，所以之前参考的文章已经找不到了，但是还是感谢那位大神。