微信内置浏览器返回键popstate事件监听不触发问题(安卓)

    最近接到一个需求,在页面返回的时候需要跳转到指定的链接地址。这也没什么特别。但是做好测试的时候,发现在android设备有个物理/虚拟放回按键,这个返回直接就退出了浏览网页。点击页面中的返回是没问题的。经过各种折腾就是无法实现效果。

问题如下:

    页面实现onpopstate监听返回事件,anroid设备返回按键点击不触发onpopstate事件。   

    部分代码如下:

    var balink="http://www.baidu.com";

    function pushHistory() {

        var state = {

            title: "上一页",

            url: balink

        };

        window.history.pushState(state, "title", "#")

    }

    $(function() {

        pushHistory();

        window.addEventListener("popstate", function(e) {

            if (balink != "") {

                window.location = balink

            }

        }, false)

    });

    测试在火狐浏览器是可以触发popstate事件的

尝试解决过程:

    1.尝试在网上找解决办法,发现还是有人也遇到了这些问题的,但是都没有解决办法

          微信内置浏览器返回键popstate事件监听不触发问题(安卓)

   

          微信内置浏览器返回键popstate事件监听不触发问题(安卓)

     

   测试发现,页面打开后,如果用户点击了页面有交互后,onpopstate事件监听就能正常触发,很奇怪。如果页面打开无任何操作,直接按android返回按钮。事件回调就没触发。直接退出了也退出了浏览器。

    但是客户需要的效果就是不用用户点击页面,也能监听返回并跳转到指定链接。

    有人说是什么浏览器的问题,有什么安全策略问题。应该都不是主要原因。

    2.然后想着自动触发页面body是否可能可以

         失败了,无效,不会触发onpopstate事件 

 

最后查了下微信浏览器内核的相关资料。引入了一些东西,虽然是完美解决了返回的问题。但还是没完全弄明白原因。

还在研究中,待续。。。。。。。。

原创:https://www.panoramacn.com
源码网提供WordPress源码,帝国CMS源码discuz源码,微信小程序,小说源码,杰奇源码,thinkphp源码,ecshop模板源码,微擎模板源码,dede源码,织梦源码等。

专业搭建小说网站,小说程序,杰奇系列,微信小说系列,app系列小说

微信内置浏览器返回键popstate事件监听不触发问题(安卓)

免责声明,若由于商用引起版权纠纷,一切责任均由使用者承担。

您必须遵守我们的协议,如果您下载了该资源行为将被视为对《免责声明》全部内容的认可-> 联系客服 投诉资源
www.panoramacn.com资源全部来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。 敬请谅解! 侵权删帖/违法举报/投稿等事物联系邮箱:2640602276@qq.com
未经允许不得转载:书荒源码源码网每日更新网站源码模板! » 微信内置浏览器返回键popstate事件监听不触发问题(安卓)
关注我们小说电影免费看
关注我们,获取更多的全网素材资源,有趣有料!
120000+人已关注
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

您的打赏就是我分享的动力!

支付宝扫一扫打赏

微信扫一扫打赏