1. 程式人生 > >layui彈窗問題,開啟彈窗直接按回車鍵,出現多餘的蒙版

layui彈窗問題,開啟彈窗直接按回車鍵,出現多餘的蒙版

在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() } });
這樣就可以了