运行edit 编辑表格，报错未捕获typeError表,on不是一个函数

最新推荐文章于 2025-08-22 19:09:26 发布

_妲己

最新推荐文章于 2025-08-22 19:09:26 发布

阅读量212

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/m0_57448314/article/details/124727728

本文介绍了在layui中遇到的单元格编辑事件监听问题，错误源于变量名冲突。通过将`table`更改为其他名称，问题得到解决。同时，文章提醒读者在遇到类似问题时，应检查插件引用、版本、顺序和重复性。提供了排查问题的思路和代码修复示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下图为layui里面的监听单元格编辑事件，为实现获取单元格内容并且编辑内容可进行使用。

在编写edit监听单元格事件时，发生了这类错误，其实这就是变量名的发生的报错，如下table，把table更改一下就好了。

更改后的代码：

  //edit编辑表格
        layui.use(['layer', 'table'], function () {
            layer = layui.layer;
            layuiTable = layui.table;
            layuiTable .on('edit(tabCar)', function (obj) {
                var value = obj.value, data = obj.data, field = obj.field;
                layer.msg('[ID:' + data.id + ']' + field + '字段更改为：' + value);
            });
        });

如类似的问题，也可从以下插件的几个方面考虑，并进行编码修改：

插件引用错误，插件版本太低，插件顺序不对，插件出现重复。