Puedes practicar con este codigo
Código HTML:
<html>
<head>
<style>
#submenu {
position: absolute;
visibility: hidden;
border: 1px solid black;
}
</style>
<script>
function ocultarSubmenu() {
document.getElementById("submenu").style.visibility = "hidden";
}
function mostrarSubmenu(e) {
if ( e.button )
if ( e.button != 2 ) return;
with ( document.getElementById("submenu").style ) {
visibility = "visible";
left = e.clientX;
top = e.clientY;
}
return false;
}
</script>
</head>
<body onclick="ocultarSubmenu();" oncontextmenu="return mostrarSubmenu(event);">
<div id="submenu">
<ul>
<li>opcion 1</li>
<li>opcion 2</li>
<li>opcion 3</li>
</ul>
</div>
</body>
</html> Con el boton derecho aparece un DIV con una lista y con el boton izquierdo lo ocultas