如何获得点击的tr的绝对位置？答案

【问题标题】：How to get absolute position of clicked tr?如何获得点击的tr的绝对位置？
【发布时间】：2021-06-11 13:35:13
【问题描述】：

我正在使用 Material 中的菜单。当用户右键单击 tr 时，我想创建一个下拉菜单，但菜单会在表头位置弹出。（X坐标正常，但是Y坐标卡在表头位置）

$(document).on('contextmenu','#table2 tr',function(e){
   e.preventDefault();
   let parentOffset = $(this).offset();
   menu.open = false;
   console.log($(this).attr('id'));
   menu.setAbsolutePosition(e.pageX - parentOffset.left, e.pageY - parentOffset.top);
   menu.open = true;
});

如何固定坐标？

【问题讨论】：

setAbsolutePosition 是 MDC 函数，用于从左下角设置菜单的坐标

标签： html jquery material-components

【解决方案1】：

$(document).on('contextmenu','#table2 tr',function(e){
   e.preventDefault();
   menu.open = false;
   console.log($(this).attr('id'));
   menu.setAbsolutePosition(e.clientX, e.clientY);
   menu.open = true;
});

问题解决了，因为setAbsolutePosition 设置了父位置的位置（我不知道）。我只是将菜单元素放在body标签之后并使用menu.setAbsolutePosition(e.clientX, e.clientY);，现在一切正常

【讨论】：