layui弹层打开之后按空格键出现多层遮罩层问题解决

正常弹层打开的页面,也是我们想要的效果:
layui弹层打开之后按空格键出现多层遮罩层问题解决_第1张图片
弹层打开之后按多次空格之后的页面:
layui弹层打开之后按空格键出现多层遮罩层问题解决_第2张图片
这个问题在laui的官网也有,所以不是个人使用方式的问题。

我目前唯一想到的办法就是在弹层打开的时候禁止按空格的事件,如果页面中有输入框或者文本域需要输入空格的,就在focus方法中再打开按空格事件。
因为弹层出问题是再弹层刚打开不执行任何操作的时候立马按空格才会有的,所以不必担心在输入框或者文本域打开空格事件之后遮罩层再有问题。

我是通过flagInput这个字段来控制按空格事件是否禁止,具体代码如下:

 $(document).keydown(function (event) {
    var  e=window.event || event;
    var keyCode = event.keyCode;
    if (keyCode == 13 || keyCode == 32) {
        if(flagInput==false){
            if(e.preventDefault){
                e.preventDefault();
            }else{
                window.event.returnValue = false;
            }
            return false;
        }
    }
});

你可能感兴趣的:(js)