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

可以使用jQuery实现这个功能，具体代码如下：

$(function(){
  // 给table中的tr绑定右键菜单事件
  $('table tr').bind('contextmenu',function(e){
    // 获取鼠标点击位置的坐标
    var x = e.pageX;
    var y = e.pageY;
    // 显示自定义菜单
    $('#menu').css({
      left: x + 'px',
      top: y + 'px'
    }).show();
    // 阻止默认右键菜单
    return false;
  });
  
  // 点击页面隐藏菜单
  $(document).click(function(){
    $('#menu').hide();
  });
});

其中，`#menu`是自定义菜单的容器，可以在里面添加菜单项。在上面的代码中，当鼠标右键点击`table`中的`tr`时，会显示自定义菜单，并阻止默认的右键菜单弹出；当点击页面其他位置时，自定义菜单会隐藏。

相关问题

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`属性。

el-table 鼠标右键点击单元格，禁止电脑的右键点击效果

`el-table`是Element UI库中的表格组件，如果你想阻止用户在表格单元格上使用鼠标右键的默认菜单，比如复制、粘贴等操作，你可以通过自定义行模板并监听`contextmenu`事件来实现。以下是一个简单的示例：

<template>
  <el-table
    :data="tableData"
    @contextmenu.prevent="handleRightClickEvent"
  >
    <el-table-column type="index"></el-table-column>
    <!-- 其他列... -->
    <el-table-row scopedSlots="{row}" @contextmenu.prevent>
      <template slot-scope="{ $event, row }">
        <span @click.stop="">单元格内容</span> <!-- 添加阻止冒泡的click事件 -->
        <div class="custom-context-menu" v-if="showContextMenu">自定义右键菜单</div>
      </template>
    </el-table-row>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [], // 表格数据
      showContextMenu: false,
    };
  },
  methods: {
    handleRightClickEvent(e) {
      this.showContextMenu = true; // 显示自定义菜单
      e.preventDefault(); // 阻止默认的右键行为
    },
  },
};
</script>
<style>
.custom-context-menu {
  position: absolute;
  /* 根据需要设置样式 */
}
</style>

在这个例子中，当用户在单元格上右键点击时，会触发`handleRightClickEvent`方法，其中`e.preventDefault()`用于阻止浏览器的原生右键菜单。同时，你可以添加一个`custom-context-menu`元素来显示你的自定义右键菜单。