JSFiddle - React, Tailwind, and code Playground
HTML
<table width="100%" border="1">
<tr>
<td id='1'>ID:1</td>
<td>Nome</td>
<td>Idade</td>
</tr>
<tr>
<td id='2'>ID:2</td>
<td>Nome</td>
<td>Idade</td>
</tr>
</table>
<div class="rightclickmenu">
<div id="rightclickobjectEditar">Editar</div>
<div id="rightclickobjectApagar">Apagar</div>
</div>
JavaScript
$(document).ready(function(){
$('tr').contextmenu(function(e){
var jqTR = $(this);
var idTarget = jqTR.find('td:first').prop('id');
$('#rightclickobjectEditar').off('click');
$('#rightclickobjectEditar').on('click',function(){
window.open('Editar.php?id=' + idTarget);
});
$('#rightclickobjectApagar').off('click');
$('#rightclickobjectApagar').on('click',function(){
window.open('Apagar.php?id=' + idTarget);
});
$('.rightclickmenu').css({
"margin-left": e.clientX,
"margin-top": e.clientY
}).show();
e.stopPropagation();
e.preventDefault();
})
});
window.addEventListener('contextmenu', function (e) {
$('.rightclickmenu').css({
"margin-left": e.clientX,
"margin-top": e.clientY
}).show();
e.preventDefault();
window.addEventListener('click', function () {
$('.rightclickmenu').hide();
});
});