Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

Dúvida sobre diretivas

Olá, finalizei o capitulo sobre diretiva no curso 2 de vue. Quando passamos o argumento scale e ampliamos a imagem, senti a necessidade da imagem voltar ao normal quando clicarmos novamente. Temos como guardar esse comportamento e fazer a alteração via css?

1 resposta

Sim, ao invés de você fazer o scale quando o usuário der click duplo na imagem, você pode aumentar a escala quando o usuário passar com o mouse sobre a imagem, acionando o evento "hover".

Trocaria:

el.addEventListener('dblclick', function() {

Por:

el.addEventListener('mouseover', function() {

Você pode consultar alguns outros EventListeners aqui: https://www.w3schools.com/jsref/met_document_addeventlistener.asp