Questão de Programação — Programação de front end — Quadrix 2025

Eventos de mouse em JavaScript: onclick e a validação de formulários

Gabarito: letra B. O atributo onclick é o manipulador de eventos que dispara uma função quando o usuário clica uma vez com o botão esquerdo do mouse sobre o elemento — exatamente o comportamento descrito no enunciado. Os demais atributos correspondem a outros eventos (roda do mouse, arrastar/soltar, clique duplo e botão direito), que não atendem ao requisito de "clicar uma vez com o botão esquerdo".

O enunciado pede que, ao clicar uma vez com o botão esquerdo no botão "Enviar", a função validarNumero() seja executada. Em HTML, os atributos de evento (on...) são usados para associar código JavaScript a eventos específicos. O evento click é disparado quando o botão primário do mouse (geralmente o esquerdo) é pressionado e solto sobre o elemento. Portanto, onclick="validarNumero()" é a forma correta de atender ao requisito.

É importante distinguir os eventos de mouse mais comuns, pois a banca explora justamente essa confusão:

A pegadinha desta questão está em associar o evento correto ao gesto descrito. O candidato pode confundir ondblclick (clique duplo) com onclick (clique único), ou oncontextmenu (botão direito) com onclick (botão esquerdo). A palavra-chave é "uma vez" e "botão esquerdo" — isso elimina ondblclick e oncontextmenu imediatamente.

Na prática, ao usar onclick, o navegador executa a função atribuída sempre que o usuário clica no elemento. É o evento mais utilizado em botões de formulário para validação, envio de dados ou qualquer ação imediata. Os demais eventos têm propósitos específicos: onwheel para zoom/scroll, ondrop para drag-and-drop, ondblclick para ações que exigem duplo clique e oncontextmenu para menus personalizados.

Guarde a correspondência entre o gesto físico do usuário e o nome do evento: é exatamente nessa correspondência que as alternativas se dividem.

Alternativa A — ❌ Incorreta

onwheel dispara quando a roda do mouse é girada, não quando há um clique. O enunciado pede explicitamente "clicar uma vez com o botão esquerdo", o que não corresponde a este evento. Este atributo é usado para ações como zoom ou scroll, não para validação de formulário.

Alternativa B — ✅ Correta ⟵ GABARITO

onclick é o manipulador do evento click, que ocorre quando o usuário pressiona e solta o botão esquerdo do mouse sobre o elemento. Como o enunciado pede exatamente "clicar uma vez com o botão esquerdo", este é o atributo correto para executar validarNumero(). É o evento padrão para botões de formulário.

Alternativa C — ❌ Incorreta

ondrop dispara quando um elemento arrastado é solto sobre o alvo (drag-and-drop). Não há relação com clique do mouse. Este evento é usado em interfaces de arrastar e soltar, como upload de arquivos ou reorganização de itens.

Alternativa D — ❌ Incorreta

ondblclick dispara quando o usuário clica duas vezes rapidamente com o botão esquerdo. O enunciado especifica "uma vez", portanto este atributo não atende ao requisito. Além disso, o duplo clique é um gesto distinto do clique simples, com finalidades diferentes em interfaces.

Alternativa E — ❌ Incorreta

oncontextmenu dispara quando o usuário clica com o botão direito do mouse, abrindo o menu de contexto. O enunciado pede explicitamente "botão esquerdo", eliminando esta alternativa. Este evento é usado para personalizar menus de contexto, não para validação de formulários.

Gabarito: letra B