layui彈窗問題,開啟彈窗直接按回車鍵,出現多餘的蒙版
阿新 • • 發佈:2018-11-13
在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() } });