bug-弹出页面无法关闭

zhangting

问题描述pen页面后，在空白地按退格键两次，页面无法关闭。用户体验非常差，建议修复。
场景再现:1进入miniui demo，  http://miniui.com/demo/
                2：快速入门-典型界面-表格维护弹出：点击增加按钮弹出增加页面，鼠标点击到右侧空白遮罩的地方，然后退格两次。弹出的增加页面就关闭不了了。
              

felt

因为你回退的时候已经将弹出页面的父页面关闭了，需要先关闭子页面再关闭父页面，这情况下我们建议还是屏蔽一下回退功能。

zhangting

felt 发表于 2017-7-22 11:12
因为你回退的时候已经将弹出页面的父页面关闭了，需要先关闭子页面再关闭父页面，这情况下我们建议还是屏蔽 ...

屏蔽现在我只能屏蔽文本框回退。但是点右侧空白遮罩的时候，回退的时无法获取回退事件。不知道在哪个页面写。您能在您现在的这个例子上修改好。告诉我一下修改的方法吗？非常感谢。

dforce

zhangting 发表于 2017-7-24 09:01
屏蔽现在我只能屏蔽文本框回退。但是点右侧空白遮罩的时候，回退的时无法获取回退事件。不知道在哪个页面 ...

如果所有页面都需要禁掉退格切换页面的功能，可以把这段js放一个独立js文件来引用
        $(document).keydown(function (e) {
            e = window.event || e;
            var code = e.keyCode || e.which;
            if (code == 8) {
                var src = e.srcElement || e.target;
                var tag = src.tagName;
                if (tag != "INPUT" && tag != "TEXTAREA") {
                    e.returnValue = false;
                    return false;
                } else if ((tag == "INPUT" || tag == "TEXTAREA") && src.readOnly == true) {
                    e.returnValue = false;
                    return false;
                }
            }
        });

zhangting

dforce 发表于 2017-7-24 11:22
如果所有页面都需要禁掉退格切换页面的功能，可以把这段js放一个独立js文件来引用
        $(document).k ...

禁用回退的方法，我试过了。在弹出的页面回退都可以禁用。但是点右边空白遮罩的时候在回退就获取不到这个事件了。我的禁用方法是写在共用的js里的。父子级所有页面都有引用。

dforce

zhangting 发表于 2017-7-24 12:38
禁用回退的方法，我试过了。在弹出的页面回退都可以禁用。但是点右边空白遮罩的时候在回退就获取不到这个 ...

你父页面有引用的话，应该是可以阻止掉的，另外如果mini.open弹出的话，他是顶级弹出，相关的阻止代码需要主页面也引用。你这里是不是主页面没引用？