美文网首页微信开发
wap+微信开发:监听手机的物理返回键

wap+微信开发:监听手机的物理返回键

作者: 老牛圣斗士 | 来源:发表于2018-07-04 20:19 被阅读2次

    一直苦恼当我加载ajax更多信息时候,返回上一页又要重新加载数据的问题,就想着用浮动层来解决。

    但是浮动层会有一个问题,当我进入列表页时候,点击某个页面的详情,按返回键的时候直接退出列表页了,所以就想着当点击返回键时候第一次是关闭浮动层,当浮动层关闭时候按返回键判断浮动层是否关闭即可。

    测试web端和微信端均可,安卓端的微信可以的iOS、还没自己测试过,因为自己没手机哈哈。

    if(window.history && window.history.pushState) {

    $(window).on('popstate', function() {

    var hashLocation = location.hash;

    var hashSplit = hashLocation.split("#!/");

    var hashName = hashSplit[1];

    if(hashName !== '') {

    var hash = window.location.hash;

    if(hash === '') {

    alert("在这里处理用户点击返回键的逻辑");

    }

    }

    });

    window.history.pushState('forward', null, './#forward');

    }

    相关文章

      网友评论

        本文标题:wap+微信开发:监听手机的物理返回键

        本文链接:https://www.haomeiwen.com/subject/ituyuftx.html