需求
項(xiàng)目改為vue 但是并不是前后端完全分離的。
所以彈窗還是使用之前的layer,其中彈窗的確定和取消按鈕是自己寫的,不是layer自帶的。 所以在進(jìn)行綁定Enter鍵的時(shí)候比較費(fèi)勁
記下來解決方法。
layer.open({
type: 1,
title: '',
area: ‘’ ,
content: ‘’,
success: (layero, index)=> {
/*enter 鍵確定 start*/
setTimeout(() => {
document.activeElement.blur(); //釋放焦點(diǎn)
});
this.enterConfrim = (event) => {
if(event.keyCode === 13){
this.btnsure_com(this.formDataCm);
//document.removeEventListener('keydown', this.enterConfrim); //如果只想調(diào)用一次就別注銷
return false;
}
}
document.addEventListener('keydown', this.enterConfrim);
/**/
},
end: ()=> {
document.removeEventListener('keydown', this.enterConfrim);
}
});
其中釋放焦點(diǎn),會(huì)解決一直按Enter鍵無限彈出的問題。