layer的prompt弹出框,点击回车,触发确定事件的方法
2019-09-06 15:57
2121 查看
做了个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弹出框,点击回车,触发确定事件的方法就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- layer的prompt弹出框,点击回车,触发确定事件
- jquery 触发a标签点击事件,弹出页面;不被浏览器屏蔽拦截的打开窗口的方法
- IE下按回车键会自动触发button 按钮的点击事件的解决方法
- layer弹出框覆盖在触发mouseenter 和 mouseleave事件元素上的一种解决方法
- Angular输入框内按下回车会触发其它button的点击事件的解决方法
- 手机端给父元素绑定了长按事件,但是子元素的点击事件不被触发的解决方法——事件委托
- iOS解决按钮短时间内多次点击只触发一次事件方法
- 几种触发点击事件的方法
- Bootstrap中回车会触发其他按钮的Dropdown事件的解决方法
- layer弹出层父子页面事件相互调用方法
- JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
- 当按下回车时,触发某“确定”按钮事件
- JS点击事件触发弹出窗口样式控制
- textview点击弹出键盘的回车键,添加相应事件
- asp.net 点击服务器按钮 不触发后台事件解决方法
- TextBox回车后自动触发后面的按钮事件(C/S方法)
- IE按回车键会自动触发按钮的点击事件
- 关于layer.open弹出层单击事件如何调用父窗口方法的说明
- 移动端开发ios下body点击事件无法触发的解决方法
- Js先触发失去焦点事件再执行点击事件解决方法