欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-06-04 13:01:51
...

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

if( history && history.pushState ) {
    history.pushState( {
        title: document.title,
        url: location.href
    }, document.title, location.href );
}
//添加退弹事件
window.addEventListener( "popstate", function( e ) {
    alert("我监听到了浏览器的返回按钮事件啦"); 
    location.href='你要跳转的链接';  //在这里指定其返回的地址
} );

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

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" );
    }
} );