Considerando os eventos onmouseover e onmouseout, assinale a alternativa que descreve corretamente a diferença entre eles.
- A)Onmouseover: acionado quando o cursor do mouse está sobre um elemento em tela; onmouseout: acionado quando o usuário clica com o botão esquerdo do mouse em um elemento em tela.
Errada, porque onmouseout não tem relação com clique esquerdo, e sim com a saída do cursor da área do elemento.
- B)Onmouseover: acionado quando o cursor do mouse está sobre um elemento em tela; onmouseout: acionado quando o cursor do mouse é retirado da região coberta por um elemento em tela.
Certa, pois onmouseover ocorre quando o cursor passa sobre o elemento e onmouseout quando ele sai da região do elemento.
- C)Onmouseover: acionado enquanto o usuário segurar o clique com o botão esquerdo do mouse; onmouseout: acionado quando o cursor do mouse é retirado da região coberta por um elemento em tela.
Errada, porque onmouseover não depende de o usuário segurar clique com o botão esquerdo; isso não define esse evento.
- D)Onmouseover: acionado enquanto o usuário segurar o clique com o botão direito do mouse em um elemento em tela; onmouseout: acionado após o usuário soltar um clique com o botão direito do mouse em um elemento em tela.
Errada, pois esses eventos não tratam de botão direito do mouse nem de pressionar ou soltar clique.
Gabarito: B
Os eventos onmouseover e onmouseout são eventos muito comuns no JavaScript para interações com o mouse na página. Eles servem para detectar, respectivamente, quando o ponteiro do mouse entra na área de um elemento e quando ele sai dessa área. Em outras palavras, um marca a chegada do cursor e o outro marca a saída. Simples, direto e muito usado em menus, botões e efeitos visuais. No caso da questão, o ponto central é distinguir movimento do mouse de clique. onmouseover não tem relação com apertar botão algum; ele acontece quando o cursor passa por cima do elemento. Já onmouseout acontece quando o cursor abandona a região ocupada por esse elemento. É como dizer: entrou, saiu. Por isso, o gabarito B está correto: ele descreve exatamente essa lógica de entrada e saída do ponteiro. Em programação web, esse tipo de evento faz parte da manipulação de eventos do DOM, amplamente prevista nas especificações do JavaScript/HTML e usada em navegação e usabilidade. Não há segredo de banca aqui, só a leitura correta do nome do evento.