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

上图就是用layui生成的一个table表格;

在这里我们给td绑定class,再通过jq的方式去监听是不可行的;

会监听不到事件;

不过在layui中,给了监听方法,并且还可以获取到该行所有的数据;

cellpadding="0" cellspacing="0">

如上图中的代码;我们给table中属性lay-filter为test;

那么监听tr(行点击事件)如下:

table.on('row(test)',function(obj){　　console.log(obj) })

而监听td事件的话,我们需要在cols中添加event事件:

然后:

table.on('tool(test)',function(obj){　　　　　let event = obj.event;　　　　 if(event == seepage){　　　　　　　　//监听触发的事件　　　　　　}})

来源：https://www.cnblogs.com/a973692898/p/13181118.html

html表格td点击事件,监听layui中的table中的td点击事件相关推荐

layui监听当前页_事件监听 · layui使用手册 · 看云
# 事件监听语法:form.on('event(过滤器值)', callback); form模块在 layui 事件机制中注册了专属事件,所以当你使用layui.onevent()自定义模块事件时 ...
android让跟布局优先响应点击事件,andorid事件监听的五种方式
一.Android中的事件处理方法事件处理:响应用户UI动作,提高应用程序交互性 1.基于监听的事件处理机制 2.基于回调的事件处理机制 3.Handler消息处理二.基于监听的事件处理机制详解 ...
java中事件监听_Java中的事件监听机制
鼠标事件监听机制的三个方面: 1.事件源对象: 事件源对象就是能够产生动作的对象.在Java语言中所有的容器组件和元素组件都是事件监听中的事件源对象.Java中根据事件的动作来区分不同的事件源对象,动 ...
关于事件监听机制的总结(Listener和Adapter)
记得以前看过事件监听机制背后也是有一种设计模式的.(设计模式的名字记不清了,只记得背后实现的数据结构是数组.) 附上事件监听机制的分析图: 一个事件源可以承载多个事件(只要这个事件源支持这个事件就可以 ...
事件绑定、事件监听、事件委托
2019独角兽企业重金招聘Python工程师标准>>> 在JavaScript的学习中,我们经常会遇到JavaScript的事件机制,例如,事件绑定.事件监听.事件委托(事件代理)等 ...
JavaScript 的addEventListener() 事件监听详解！
JavaScript 的addEventListener() 事件监听详解! addEventListener() 用于向指定元素添加事件. 可以向一个元素添加多次事件或者多次不同事件,后面的事件是 ...
编写一个IDEA插件之：事件监听
事件监听,我们最熟悉不过的就是开发APP时,监听按钮点击事件.手指触摸及移动事件.网络状态事件等等.事件监听大多通过观察者模式实现,首先API调用者不需要知道后台是如何检测出网络状态不可用的,而只需要 ...
安卓键盘事件监听，键盘弹出收起
一.键盘事件监听 1.在mainifest.xml 中设置activity模式 ```<activityandroid:name=".ui.activity.MainActivity& ...
事件监听watch框架vue2.x与3.x都适用
前言: 目前正在学习vue或者对vue部分使用不太熟悉的可以跟着的我文章,打开编辑器,安装vue-cli一步步的练习,不会安装vue-cli脚手架的小伙伴可以先看这篇文章https://blog.cs ...

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

html表格td点击事件,监听layui中的table中的td点击事件相关推荐

最新文章

热门文章