这是官方文档的说明

layui.onevent(modName, events, callback) 自定义模块事件,属于比较高级的应用。有兴趣的同学可以阅读layui.js源码以及form模块
layui.event(modName, events, params) 执行自定义模块事件,搭配onevent使用

layui.onevent 可以看作定义的方法的使用的

参数1我暂时理解为组,定义子级方法和使用event调用都需要注意这个参数必须一致

参数二是定义父级方法名,如果有需要定义该方法的子方法时候同样使用onevent,但参数二的方法名需要与父级相同并已加上括号

如下面的代码中data方法,定义子方法就是data(1),

如果使用layui.event方法调用data(1),方法即会data(1)和data方法

            //监听Tab切换,以改变地址hash值element.on("tab(test)", function() {// location.hash = "test=" + this.getAttribute("lay-id");//使用event调用data(1)方法并传入参数,这时候这里会触发data方法和data(1)方法layui.event('groupData','data(1)',this.getAttribute("lay-id"));});//定义父级方法datalayui.onevent('groupData','data',function(gid){console.log(gid);  });//定义子方法data(1)layui.onevent('groupData','data(1)',function(gid){console.log(1321321);});

以上均为本人使用经验理解,如有说错,欢迎大家指出

layui中的onevent 和event使用方法相关推荐

  1. layui如何获取父节点的父节点_layui框架中layer父子页面交互的方法分析

    本文实例讲述了layui框架中layer父子页面交互的方法.分享给大家供大家参考,具体如下: layer是一款近年来备受青睐的web弹层组件,官网地址是:http://layer.layui.com/ ...

  2. layui表头样式_js相关:layui中table表头样式修改方法

    js相关:layui中table表头样式修改方法 发布于 2020-7-25| 复制链接 分享一篇关于layui中table表头样式修改方法,具有很好的参考价值,希望对大家有所帮助.一起跟随小妖过来看 ...

  3. event.preventDefault() 和 event.stopPropagation()方法之间有什么区别?如何知道是否在元素中使用了event.preventDefault()方法?

    event.preventDefault() 方法可防止元素的默认行为.如果在表单元素中使用,它将阻止其提交.如果在锚元素中使用,它将阻止其导航.如果在上下文菜单中使用,它将阻止其显示或显示.even ...

  4. pygame中event模块方法详解

    目录 pygame.event.pump() pygame.event.get() pygame.event.poll() pygame.event.wait() pygame.event.peek( ...

  5. html表格td点击事件,监听layui中的table中的td点击事件

    上图 就是用layui生成的一个table表格; 在这里我们给td绑定class,再通过jq的方式去监听是不可行的; 会监听不到事件; 不过在layui中,给了监听方法,并且还可以获取到该行所有的数据 ...

  6. layui中的table使用心得,json格式处理,json转字符串,json转对象,json转对象数组,layui表格图片显示修改。

    文章目录 案例一.layui中table,后台数据是json格式的处理 1. 前端显示样式 2. 前端代码 3. 后端代码:layui前端表格需要返回的数据格式要求示例 4. json格式处理工具类: ...

  7. layui中的动态表格

    layui中的动态表格 介绍 layui提供了丰富的动态表格的操作,它用于对表格进行一些列功能和动态化数据操作,涵盖了日常业务所涉及的几乎全部需求.支持固定表头.固定行.固定列左/列右,支持拖拽改变列 ...

  8. jQuery中鲜为人知的的几个方法

    转来学习一下 jQuery中鲜为人知的的几个方法 jQuery近些年来仍旧是web开发中最受欢迎的类库,虽然大家褒贬不一,但是仍旧不失为一款最流行的Javascript,在今天这篇文章中,我们将介绍几 ...

  9. Matlab中计算程序运行时间的三种方法

    经常我们需要计算我们程序到底运行多长时间,这样可以比较程序的执行效率.当然这个对于只有几秒钟的小程序没有什么意义,但是对于大程序就有很重要的意义了. 下面我们就说说MATLAB中计算程序运行时间的三种 ...

最新文章

  1. 67)vector的begin() end() 和 front() back()的区别 rbegin() rend()
  2. hdu 4035 可能性DP 成都网络游戏
  3. 发布 项目_第十八期科创基金项目发布会圆满结束
  4. Laravel的初始化安装 1
  5. Linux 常用命令
  6. spring cache相关注解介绍 @Cacheable、@CachePut、@CacheEvict
  7. nutch,hbase,zookeeper兼容性问题
  8. 【转】矩阵十大经典题目
  9. 晨哥真有料丨我们要为了对方改变自己吗?
  10. Qt总结之十二:C/C++内存分配方式与存储区
  11. Locality Sensitive Hashing(LSH)之随机投影法
  12. 微信小程序云开发教程-WXML入门-数据绑定
  13. Cocos2dx3.0过渡篇 globalZOrder()与localZOrder()
  14. Linux nvme驱动分析之用户态接口
  15. win7 局域网访问网站
  16. 台北故宫博物院收藏:气势开张,米芾行草书法真迹《真酥帖》赏析
  17. Xilinx SDSoc 加载opencv库
  18. typora上传图片出现Can‘t find smms config错误
  19. 华为AC旁路二层组网隧道转发示例
  20. VS2017使用gtest

热门文章

  1. C++实现职工管理系统
  2. Ae:同时运行中文版和英文版
  3. Arnold变换置乱图像
  4. 用浏览器读取图片上的文字信息,这个方法很实用
  5. Django数据库操作(MySQL+Djan)
  6. PDF文档如何进行加密操作?
  7. 怎么样把中文版的Windows7改成英文版的Windows7
  8. 如何快速做出分泌蛋白过程操作动画(有趣的的开发过程)
  9. ​云队友丨这9本书,帮助王兴完成蜕变
  10. js 实现2的n次方计算函数_js 判断一个数字是不是2的n次方幂的实例