layui table.on 对应的鼠标点击事件

在 layui 的 table 模块中，table.on() 方法可以用于监听表格中的各种事件，包括单元格的鼠标点击事件。具体实现可以参考以下代码：

layui.use('table', function(){
  var table = layui.table;
  
  //监听单元格点击事件
  table.on('cell(test)', function(obj){
    console.log(obj.field); //当前单元格的字段名
    console.log(obj.data); //当前行的数据
    console.log(obj.event); //当前单元格的事件名
    console.log(obj.tr); //当前行的DOM对象
    
    //判断当前单元格的事件名是否为click
    if(obj.event === 'click'){
      //执行鼠标点击事件的操作
      //...
    }
  });
});

在上述代码中，'cell(test)' 表示监听名为 test 的表格的单元格事件。当单元格被点击时，会触发 table.on() 方法中的回调函数，其中 obj.event 属性为当前单元格的事件名，判断是否为 'click' 后即可执行鼠标点击事件的操作。

相关问题

layui table.on 鼠标右键点击tr弹出自定义菜单事件

可以使用layui的table模块来实现这个功能，具体代码如下：

layui.use(['table', 'layer'], function(){
  var table = layui.table;
  var layer = layui.layer;

  // 监听表格右键菜单事件
  table.on('rowRight', function(obj){
    // 获取鼠标点击位置的坐标
    var x = obj.event.pageX;
    var y = obj.event.pageY;
    // 显示自定义菜单
    layer.open({
      type: 1,
      title: false,
      closeBtn: 0,
      offset: [y + 'px', x + 'px'],
      content: $('#menu')
    });
  });
});

其中，`#menu`是自定义菜单的容器，可以在里面添加菜单项。在上面的代码中，当鼠标右键点击表格中的某一行时，会显示自定义菜单，并且会将自定义菜单的位置设置为鼠标点击的位置；当点击自定义菜单以外的区域时，自定义菜单会自动隐藏。需要注意的是，如果要使用`rowRight`事件，需要在table的初始化中设置`id`属性。

layui table.on 禁停鼠标悬浮事件，在行上显示，移开消失 完整示例

下面是一个完整的示例，展示了如何在 layui 的 table 组件中禁用鼠标悬停事件，并在每行显示一个提示框，当鼠标移开时提示框消失。

HTML：

<table id="demo" lay-filter="test"></table>

JavaScript：

layui.use(['table', 'layer'], function(){
  var table = layui.table;
  var layer = layui.layer;
  
  // 渲染表格
  table.render({
    elem: '#demo',
    url: '/data',
    cols: [[
      {field: 'id', title: 'ID'},
      {field: 'name', title: '名称'},
      {field: 'value', title: '值'},
    ]]
  });
  
  // 禁用鼠标悬停事件
  table.on('row(test)', function(obj){
    $(obj.tr).removeAttr('lay-unselect');
    $(obj.tr).hover(function(){
      var index = layer.tips(obj.data.name, this, {
        tips: [1, '#666']
      });
      $(this).data('index', index);
    }, function(){
      layer.close($(this).data('index'));
    });
  });
});

在这个示例中，我们首先使用 layui 的 table 组件渲染表格。然后，我们使用 table.on() 方法禁用了鼠标悬停事件。在每行上，我们绑定了一个 hover() 事件，该事件在鼠标悬停时显示一个提示框，并在鼠标移开时关闭提示框。提示框使用了 layui 的 layer 组件。