1. html如下:
1 | <div class="test1" lay-filter="data1"></div> |
2. 创建构造函数InitClass,options参数包含传过来的选择器el,render函数为生成dom,evt函数为绑定的事件
1 | function InitClass(options) { |
3. 添加自定义事件
1 | // 事件存储的变量 |
4. 对外暴漏的变量
1 | var testModule = { |
5. 框架使用代码为:
1 | testModule.render({ |
6. 执行结果:
第一个input输入为数字时,点击第一个按钮,结果如下图:
输入非数字,则不执行回调,如下图:
第二个input输入为数字时,点击第二个按钮,结果如下图:
7. 完整js代码
1 | <div class="test1" lay-filter="data1"></div> |