首先，小编要告诉大家一个残酷的现实，那就是小编没有找到layui对点击事件的支持…
这里的点击事件是指单纯的点击事件，而不是提交事件，或者是数据表格中内嵌的button，对于这两者，layui是有lay-submit和lay-event这个属性进行支持的，所以这里只能使用最原始的js和jq进行监听点击事件。
第一种，js的监听：//给普通按钮绑定事件
<button class="layui-btn layui-btn-warm" >一个标准的按钮</button>
<script src="static/" type="text/javascript" charset="utf-8"></script>
<script>
(['form', 'layedit', 'laydate','element','jquery'], function() {
var form = ,
layer = ,
element=,
$=;
$(document).on('click','#btn',function(){
('hello');
});
});
</script>
第二种，jQuery的监听 //给普通按钮绑定事件
button class="layui-icon layui-icon-export" ></button>
$("#withExport").click(function(){
("点击事件");
});
以上就是在layui中可以使用的监听事件。
在layui中按钮绑定点击事件 action 方法
/weixin_44578313/article/details/96430189
layui 绑定事件监听
下面是绑定普通事件
①html页面给你想要绑定的地方加上id或class属性，下面我以id举例
<a class="iconfont icon-touxiang layui-hide-xs" ></a>②js部分
$(function () {
('layer', function(){
var $ =
,layer = //弹层
//弹出登录页面
$(document).on('click','#zq_login',function(){
alert("这里写自己的功能...");
/*({ //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
type: 2,
title:"登录页面",
area: ['55%','85%'],//类型：String/Array，默认：'auto' 只有在宽高都定义的时候才不会自适应
fix: false, //不固定
maxmin: true,//开启最大化最小化按钮
shadeClose: true,//点击阴影处可关闭
shade:0.4,//背景灰度
skin: 'layui-layer-rim', //加上边框
content: '/zq_blog/html/login_page/',
// resize:false
});*/
});
});
});