微信浏览器左上角返回按钮的监听

微信开发的时候，在公众号菜单中打开一个H5页面(如：个人中心)，在这个页面上的一些操作，经过多次跳转后，点击左上角的返回按钮，发现会原封不动的返回至上一级页面。这时，我们可以通过微信浏览器左上角返回按钮的监听，去到指定的页面。

点击微信浏览器左上角返回按钮，指定跳到对应的页面

  if( history && history.pushState ) {
    history.pushState( {
      title: document.title,
      url: location.href
    }, document.title, location.href );
  }
  //添加退弹事件
  window.addEventListener( "popstate", function( e ) {
    location.href = "/my";  //在这里指定其返回的地址
  } );

点击微信浏览器左上角返回按钮，关闭当前页面返回到微信公众号

if( history && history.pushState ) {
    history.pushState( {
        title: document.title,    // 默认当前 title 即可
        url: location.href        // 默认当前 url 即可
    }, document.title, location.href );
}
//添加退弹事件
window.addEventListener( "popstate", function( e ) {
    if( WeixinJSBridge ) {
        WeixinJSBridge.call( "closeWindow" );   // 关闭当前页面返回到公众号
    }
} );