tela.onclick(function(evento) { switch (evento.which) { case 1: alert('botão esquerdo'); break; case 2: alert('botão do meio'); break; case 3: alert('botão direito'); break; default: alert('seu mouse é bem estranho!'); } });
tela.onclick(function(evento) { switch (evento.which) { case 1: alert('botão esquerdo'); break; case 2: alert('botão do meio'); break; case 3: alert('botão direito'); break; default: alert('seu mouse é bem estranho!'); } });
Aqui está a sintaxe correta para adicionar um evento de clique a um elemento HTML usando JavaScript:
tela.addEventListener('click', function(evento) {
switch (evento.which) {
case 1:
alert('Botão esquerdo');
break;
case 2:
alert('Botão do meio');
break;
case 3:
alert('Botão direito');
break;
default:
alert('Seu mouse é bem estranho!');
}
});
Neste código, tela é o seletor para o elemento HTML em que você deseja adicionar o evento de clique. Por exemplo, você pode usar um seletor de ID, como '#elementoId', ou um seletor de classe, como '.elementoClasse'.
O método addEventListener é usado para associar uma função de callback ao evento de clique no elemento selecionado. A função de callback é executada sempre que o evento de clique ocorrer no elemento.
Dentro da função de callback, o parâmetro evento representa o evento de clique que ocorreu. O evento.which é usado para determinar qual botão do mouse foi clicado. Em seguida, um bloco switch é usado para realizar diferentes ações com base no botão do mouse clicado.
Por fim, cada caso do switch exibe um alerta com base no botão do mouse clicado. No caso de um botão desconhecido ser clicado, o bloco default é executado.
Certifique-se de substituir tela pelo seletor correto do elemento HTML em que você deseja adicionar o evento de clique. Espero que isso esclareça como utilizar o código corretamente. Se você tiver mais dúvidas, fique à vontade para perguntar.