layer的prompt弹出框,点击回车,触发确定事件的方法
网络编程 2021-07-04 15:01www.168986.cn编程入门
今天长沙网络推广就为大家分享一篇layer的prompt弹出框,点击回车,触发确定事件的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
做了个prompt弹出框,希望点击确定按钮的时候也能触发确定的事件,用户习惯的原因,在输入框输入框数据后,再重新拿起鼠标点击太麻烦,所以想着点击确定按钮触发事件。
layer.prompt({title: '请输入数据', formType: 1, // 这个是确定按钮的事件 "suess":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, "suess":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); });
这个方法之所以不行,是因为点击确定事件后,也会调用suess的回调事件,而这个事件中this是不一样的,所以 $(this).val() 会报错,所以我采用的方法是把 确定按钮的回调事件单独写出来 (yes),这样就不会导致冲突了。
以上这篇layer的prompt弹出框,点击回车,触发确定事件的方法就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程