layui监听当前页_事件监听 · layui使用手册 · 看云

# 事件监听

语法：form.on('event(过滤器值)', callback);

form模块在 layui 事件机制中注册了专属事件，所以当你使用layui.onevent()自定义模块事件时，请勿占用form名。form支持的事件如下：

event描述

select监听select下拉选择事件

checkbox监听checkbox复选框勾选事件

switch监听checkbox复选框开关事件

radio监听radio单选框事件

submit监听表单提交事件

默认情况下，事件所监听的是全部的form模块元素，但如果你只想监听某一个元素，使用事件过滤器即可。

如：

~~~

~~~

~~~

form.on('select(test)', function(data){

console.log(data);

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

console.log(data.value); //得到被选中的值

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

});

~~~

> 请注意：如果你想监听所有的select，去掉过滤器(filter)即可。下面将不再对此进行备注。

>

## checkbox

~~~

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

console.log(data.e