Preciso desenvolver um jogo usando HTML 5 e Javascript com o jogo estando dentro de um canvas
.
Criei uma tela de abertura do jogo e depois que clicar em jogar ele direciona para outra tela. Chamei desta forma o evento click
document.getElementById('canvas').addEventListener('click', verificaClick, false);
Onde canvas
é o id de meu canvas e verificaClick
a função que manda para o próximo passo segundo a opção selecionada pois tenho as opções "jogar", "como jogar" e "créditos".
Se eu clicar jogar ele direciona para uma página onde escolho a "fase" ou "etapa" do jogo que quero jogar, mais ou menos como Candy Crush.
Meu problema é que o canvas redesenha tudo certinho, entretanto permanece o evento de click da primeira parte do jogo, do primeiro desenho do canvas. Estou redesenhando, apagando o contexto e redesenhando, mas permanece o mesmo clique nas posições dos primeiros "botões" que desenhei.
Está correto o trecho onde chamo o evento de click?
document.getElementById('canvas').addEventListener('click', verificaClick, false);
Se não, como eu deveria fazer; Colocar vários contextos e adicionar o evento no contexto? Como faria isso?