Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] Desabilitar o click no iframe

Referente ao curso JavaScript: validações e reconhecimento de voz

por Alexandra Farias Ribeiro
| 14.9k xp | 5 posts

Coloquei um iframe com gif que aparece quando a pessoa acerta o número, porém, gostaria de desabilitar o click no gif que leva para página do site, é possível?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade 

if(numero === numeroSecreto) {
        document.body.innerHTML = `
        <h2>Você acertou!</h2>

        <iframe src="https://giphy.com/embed/g9582DNuQppxC" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>

        <h3>O número secreto era ${numeroSecreto}</h3>

        <button id="jogar-novamente" class="btn-jogar">Jogar novamente</button>
        `
    }
2 respostas
solução!
por RODRIGO SILVA HARDER
| 2300.6k xp | 4888 posts
Alura Scuba Team Monitor de Fórum Ops

Oi, Alexandra, tudo bem?

Inicialmente, gostaria de falar que gostei do gif que você adicionou ao projeto ficou bem personalizado. Agora respondendo a sua dúvida, é possível desabilitar o evento do click no gif através da propriedade pointer-events com o atributo none.

A propriedade pointer-events: none pode ser aplicada a um elemento HTML para especificar que o elemento não deve responder a eventos do ponteiro, como cliques, passagem do mouse ou interações de toque.

A parte da tag "iframe" com a adição dessa propriedade, ficaria assim:

<iframe src="https://giphy.com/embed/g9582DNuQppxC" frameBorder="0" class="giphy-embed" allowFullScreen style="pointer-events: none;"></iframe>

Espero ter ajudado. Caso tenha dúvidas, estarei à disposição. Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!
por Alexandra Farias Ribeiro
| 14.9k xp | 5 posts

Muito obrigada, Rodrigo!