Galera, ao clicar com o botão direito do mouse sobre a palavra menu um pequeno menu se abre. Como faço para isso acontecer dentro da propriedade (linha) da tabela?
document.oncontextmenu = function() {return false;}; //não deixa abrir o menu ao clicar
$('.menu_pai').mousedown(function(e){
if( e.button == 2 ) { //verifica se é o botão direito
$(this).find('.menu').show();//mostra a div filha
}
});
$(document).mousedown(function(e) {
if (e.button != 2) {
$('.menu').hide();
}
});
.menu{
display: none;
}
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<table width="100%" border="1" >
<tr>
<td>ID:1</td>
<td>Nome</td>
<td>Idade</td>
</tr>
</table>
<div class="menu_pai">
Menu
<div class="menu">
link1 <br> link2
</div>
</div>