layui弹窗问题,打开弹窗直接按回车键,出现多余的蒙版

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yuanlijiefengjuan/article/details/79752818

在layui的弹窗刚打开时,不进行其他操作,直接按回车键会有多余蒙版出现,按很多次会有很多个同时存在,导致页面变黑且无法进行其他操作。因为浏览器就是这样,Enter会触发上一次的事件。你可以在success里禁用enter

var index1 = layer.open({
    type: 1 //模态框类型
    , title: '新建车型'
    ,skin: 'layer-title-class' //样式类名
    , content: $('#createNew_car') //需要打开的模态框div id
    , area: ['460px', '620px']//设置模态框宽度
    ,success: function (index, layero) {
        $(':focus').blur();
    }
    , btn: ['确定', '关闭']  //设置模态框按钮
    , btn1: function (index, layero) {
        //按钮【按钮一】的回调
        layer.close(index);
        $('#createNew_car').hide();

    }
    , btn2: function (index, layero) {
        //按钮【按钮二】的回调
        console.log("cancle-------");
        $('#createNew_car').hide()
    },
    cancel: function () {
        //右上角关闭回调
        $('#createNew_car').hide()
    }
});
这样就可以了

猜你喜欢

转载自blog.csdn.net/yuanlijiefengjuan/article/details/79752818