做了個(gè)prompt彈出框，希望點(diǎn)擊確定按鈕的時(shí)候也能觸發(fā)確定的事件，用戶習(xí)慣的原因，在輸入框輸入框數(shù)據(jù)后，再重新拿起鼠標(biāo)點(diǎn)擊太麻煩，所以想著點(diǎn)擊確定按鈕觸發(fā)事件。
成都創(chuàng)新互聯(lián)公司長期為數(shù)千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為甘南企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站，甘南網(wǎng)站改版等技術(shù)服務(wù)。擁有十余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
重慶分公司
重慶分公司
layer.prompt({title: '請輸入數(shù)據(jù)', formType: 1,
// 這個(gè)是確定按鈕的事件
"success":function(){
// 鍵盤事件，判斷回車
$("input.layui-layer-input").on('keydown',function(e){
if (e.which == 13) {
// 取輸入框數(shù)據(jù) 和123456 比較
if("123456" == $(this).val()){
alert('你點(diǎn)擊了回車按鈕！');
layer.close(1);
}
}
});
},
// 點(diǎn)擊確定按鈕事件
yes : function(){
// 取輸入框數(shù)據(jù)
var pass =$(document.getElementsByClassName('layui-layer-input')[0]).val();
if("123456" == pass){
alert('你點(diǎn)擊了確定按鈕!');s
layer.close(1);
}
}
});這個(gè)方法必須要有yes，下面一個(gè)是網(wǎng)上找的代碼，不過不好用
layer.prompt({title: '請輸入數(shù)據(jù)！', formType: 1,
"success":function(){
$("input.layui-layer-input").on('keydown',function(e){
if (e.which == 13) {
console.log(e.which);
if("123456" == $(this).val()){
alert('回車');
layer.close(1);
}
}
});
}},
function(pass, index){
console.log(index);
if("123456" == pass){
alert('確定按鈕');
}
layer.close(index);
}); 這個(gè)方法之所以不行，是因?yàn)辄c(diǎn)擊確定事件后，也會調(diào)用success的回調(diào)事件，而這個(gè)事件中this是不一樣的，所以 $(this).val() 會報(bào)錯(cuò)，所以我采用的方法是把 確定按鈕的回調(diào)事件單獨(dú)寫出來 （yes），這樣就不會導(dǎo)致沖突了。
以上這篇layer的prompt彈出框,點(diǎn)擊回車,觸發(fā)確定事件的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。
