最新公告
  • 欢迎访问代码工坊,购买产品可享受在线工单服务!
  • 手机端点击返回键关闭iframe弹窗不返回上一页的方法

          我们有时会在手机端弹出页面,例如用户协议,通过layer组件在本页弹出一个浮层调用iframe,但关闭出现了难题,手机上点击返回按钮后返回了上一页,导致用户的操作出现了障碍,我们可以通过js来控制用户的返回,用户点击返回,并且iframe已经弹出的情况下关闭弹窗,而不是返回上一页。优化了用户体验。

    //返回键关闭弹窗
    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 === '' && $("#openxieyi").val()=='1') {
                    //alert("你点击了返回键");
    				layer.closeAll();
    				$("#openxieyi").val('');
                }
            }
        });
        window.history.pushState('forward', null, './#forward');
    }

    发表评论