Ao executar o programa que o professor apresentou na aula, aparece no console a mensagem "[Violation] 'click' handler took 1318ms programa3.html:17". Pelo que entendo algo na linha "17" (function exibeAlerta(evento)) do programa, provoca esta violação. Gostaria de entender o porquê, e como saná-lo. Uso o Chrome Windows Versão 88.0.4324.150 (Versão oficial) 64 bits.
<canvas width="600" height="400"></canvas>
<script>
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.fillStyle = 'grey';
pincel.fillRect(0, 0, 600, 400);
//Ao clicar no <canvas>, é exibido um alerta.
function exibeAlerta(evento) {
alert('Cliquei');
console.log(evento);
}
tela.onclick = exibeAlerta;//Lembrando que não podemos utilizar os parênteses neste último caso pois, assim executaríamos a função automaticamente, em vez de guardá-la para ser executada ao clique.
</script>