脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → layer的prompt弹出框,点击回车,触发确定事件

layer的prompt弹出框,点击回车,触发确定事件的方法

 更新时间：2019年09月06日 15:57:09   作者：海月心明  
今天小编就为大家分享一篇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，下面一个是网上找的代码，不过不好用

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弹出框,点击回车,触发确定事件的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • js控制滚动条滚动的两种简单方法

    js控制滚动条滚动的两种简单方法

    这篇文章主要给大家介绍了关于js控制滚动条滚动的两种简单方法,通过JavaScript可以直接控制滚动条的位置,从而达到锁定滚动条的效果,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2023-07-07
  • layui 实现表格某一列显示图标

    layui 实现表格某一列显示图标

    今天小编就为大家分享一篇layui 实现表格某一列显示图标的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JS TextArea字符串长度限制代码集合

    JS TextArea字符串长度限制代码集合

    因为业务需求 今天做了一个textarea文本域字符串长度限制的方法，其实网上已经有了很多相关的解决方案，但在输入日语时，在IE存在BUG，我的这个版本就是针对这种情况的
    2012-10-10
  • javascript中对变量类型的判断方法

    javascript中对变量类型的判断方法

    在JavaScript中，有5种基本数据类型和1种复杂数据类型，基本数据类型有：Undefined, Null, Boolean, Number和String；复杂数据类型是Object，Object中还细分了很多具体的类型，比如：Array, Function, Date等等
    2015-08-08
  • JavaScript中数据结构与算法(三)：链表

    JavaScript中数据结构与算法(三)：链表

    这篇文章主要介绍了JavaScript中数据结构与算法(三)：链表,本文分别讲解了单链表与双链表以及增加节和删除节的代码实例,需要的朋友可以参考下
    2015-06-06
  • javascript 不停(setInterval)/延时(setTimeout)函数使用实例

    javascript 不停(setInterval)/延时(setTimeout)函数使用实例

    如果想实现页面的一些函数的定时执行，需要用到下面的函数大家可以看下用法。
    2009-08-08
  • JS遍历对象属性的方法示例

    JS遍历对象属性的方法示例

    这篇文章主要介绍了JS遍历对象属性的方法,涉及JS针对页面元素属性遍历操作的相关技巧,需要的朋友可以参考下
    2017-01-01
  • js模式化窗口问题![window.dialogArguments]

    js模式化窗口问题![window.dialogArguments]

    这篇文章主要介绍了js模式化窗口问题![window.dialogArguments],需要的朋友可以参考下
    2016-10-10
  • javascript单例模式与策略模式实例详解

    javascript单例模式与策略模式实例详解

    这篇文章主要介绍了javascript单例模式与策略模式,结合实例形式详细分析了javascript单例模式与策略模式基本概念、功能、实现技巧与相关注意事项,需要的朋友可以参考下
    2023-06-06
  • 微信小程序实现云开发上传文件、图片功能

    微信小程序实现云开发上传文件、图片功能

    在使用小程序的过程中,在编辑个人资料时,通常会面临上传头像、上传背景图片的情况,而这个开发过程需要怎样实现呢?这篇文章主要给大家介绍了关于微信小程序实现云开发上传文件、图片功能的相关资料,需要的朋友可以参考下
    2022-12-12

最新评论