Consegui fazer o programa identificar o clique do botão direito sem abrir o menu de contexto. Porem, nao consigo imprimir a posiçao e nem fazer o tiro vermelho aparecer. Não estou conseguindo encontrar o meu erro.
<meta charset = "UTF-8">
<canvas id="tela" width="600" height="400"></canvas>
var tela = document.getElementById("tela");
var c = tela.getContext("2d");
c.fillStyle="gray";
c.fillRect(0, 0, 600, 400);
tela.onclick = function(evento){
var x = evento.pageX-tela.offsetLeft;
var y = evento.pageY-tela.offsetTop;
console.log("Botão esquerdo : "+x+ "; " + y);
c.fillStyle = "blue"
c.beginPath();
c.arc(x, y , 10, 0, 2*3.14);
c.fill();
};
tela.oncontextmenu = function(evento){
var x = evento.pageX-tela.offSetLeft;
var y = evento.pageY-tela.offSetTop;
console.log("Botão Direito : "+x+ "; " + y);
c.fillStyle = "red";
c.beginPath();
c.arc(x, y, 10, 0, 2*3.14);
c.fill();
evento.preventDefault();
};