1
resposta

Duvidas sobre addEventListener

Olá, estou com duas dúvidas:

A Primeira, tentei adicionar os eventos "mouseenter" e "mouseout", para o botão "adicionar-paciente" mudando o background em cada evento, e funciona, no entanto, funciona apenas uma vez, quanto entro novamente com o mouse, não funciona, apenas quando carrego a pagina. Abaixo segue o trecho do código JavaScript:

var botao = document.querySelector("#adicionar-paciente")

botao.addEventListener("click", function(){
    alert("Botão clicado !!")
})

botao.addEventListener("mouseenter", function(){
    botao.classList.add("botao-selecionado")
})

botao.addEventListener("mouseout", function(){
    botao.style.background = '#0c8cd3'
})

A segunda, como pode ver no codigo, criei 3 addEventListener queria saber se é possível adicionar mais de uma função ou evento,como por exemplo adicionar um "mouseenter" e um "mouseout" cada um com suas funções em um mesmo addEventListener.

1 resposta

Boa noite, Marcos! Como vai?

Me parece que o evento que vc procura é o mouseover. Inclusive, nessa página da documentação do evento mouseover há um exemplo comparando com o mouseenter e a informação sobre a diferença entre eles.

Já sobre a segunda dúvida, vc terá que fazer um addEventListener() para cada função que desejar adicionar.

Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!