Layui事件监听的方法


当前第2页 返回上一页

监听switch开关:

1

2

3

4

5

6

form.on('switch(filter)', function(data){

  console.log(data.elem); //得到checkbox原始DOM对象

  console.log(data.elem.checked); //开关是否开启,true或者false

  console.log(data.value); //开关value值,也可以通过data.elem.value得到

  console.log(data.othis); //得到美化后的DOM对象

});

监听radio单选:

1

2

3

4

form.on('radio(filter)', function(data){

    console.log(data.elem); //得到radio原始DOM对象

    console.log(data.value); //被点击的radio的value值

});

监听submit提交:

1

2

3

4

5

6

7

<button lay-submit lay-filter="*">提交</button>

form.on('submit(*)', function(data){

    console.log(data.elem) //被执行事件的元素DOM对象,一般为button对象

    console.log(data.form) //被执行提交的form对象,一般在存在form标签时才会返回

    console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value}

    return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。

});

更多layui知识请关注layui使用教程栏目。

以上就是Layui事件监听的方法的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

layui是什么软件

layui table固定列也能监听滚动的方法介绍

layui弹出层闪退解决

layui为什么好

layui复选框使用介绍

layui中的table方法渲染

layui框架的flow组件常见用法总结

改造传统jquery扩展为layui模块方法介绍

layui封装模块教程

layui的分页怎么用

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...