layer的prompt弹出框,点击回车,触发确定事件的方法
编程学习 2021-07-04 15:01www.dzhlxh.cn编程入门
今天长沙网络推广就为大家分享一篇layer的prompt弹出框,点击回车,触发确定事件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
做了个prompt弹出框，希望点击确定按钮的时候也能触发确定的事件，用户习惯的原因，在输入框输入框数据后，再重新拿起鼠标点击太麻烦，所以想着点击确定按钮触发事件。
layer.prompt({title: '请输入数据', formType: 1,
// 这个是确定按钮的事件
"success":function(){
// 键盘事件，判断回车
$("input.layui-layer-input").on('keydown',function(e){
if (e.which == 13) {
// 取输入框数据 和123456 比较
if("123456" == $(this).val()){
alert('你点击了回车按钮！');
layer.close(1);
}
}
});
},
// 点击确定按钮事件
yes : function(){
// 取输入框数据
var pass =$(document.getElementsByClassName('layui-layer-input')[0]).val();
if("123456" == pass){
alert('你点击了确定按钮!');s
layer.close(1);
}
}
});
这个方法必须要有yes，狼蚁网站SEO优化一个是网上找的代码，不过不好用
layer.prompt({title: '请输入数据！', 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);
});
这个方法之所以不行，是因为点击确定事件后，也会调用success的回调事件，而这个事件中this是不一样的，所以 $(this).val() 会报错，所以我采用的方法是把 确定按钮的回调事件单独写出来 （yes），这样就不会导致冲突了。
以上这篇layer的prompt弹出框,点击回车,触发确定事件的方法就是长沙网络推广分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持狼蚁SEO。