Skip to main content
3 de 3
Melhoria na gramática e adição de algumas formatações contextuais de destaque
Bruno Augusto
  • 8,7mil
  • 3
  • 36
  • 49

Como manipular evento click do addEventListener em javascript

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?