时间:2021-05-26
做了个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,下面一个是网上找的代码,不过不好用
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弹出框,点击回车,触发确定事件的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
最近一直在使用layui,但是用到弹出层layer.prompt时,如果文本框是空的话点击确定没有反应,不能向下执行。但是我又需要空值,看看我原来的代码。lay
在项目应用中,遇到自定义关闭layer.alert弹出层,即在关闭layer.alert时,可以自动触发关闭时的事件,具体方法为:layer.alert('爱心
使用H-UI框架中的layer弹出层时发现layer.js中没有layer.prompt,如果想要使用layer.prompt可以使用layer中的use从扩展
JavaScript有三种弹窗Alert(只有确定按钮),Confirmation(确定,取消等按钮),Prompt(有输入对话框),而且弹出的窗口是不能通过前
layer.confirm快速点击会重复触发事件问题1.问题描述:快速点击会出现,重复触发事件,像后台发起多次请求,此时后台极端=短时间内多次请求,会出现并发问