Como desativar o recurso de clique em um iframe

Escrito por jin-wong lee | Traduzido por pedro lima
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como desativar o recurso de clique em um iframe
Um iframe é um elemento HTML que exibe o conteúdo de uma página externa (Comstock/Comstock/Getty Images)

Um iframe é um elemento HTML que exibe o conteúdo de uma página externa. Às vezes, desenvolvedores web podem querer impedir que o usuário clique em um iframe ou no seu conteúdo. Normalmente, o clique em elementos é desativado através do Javascript, para definir que o evento "onclick" retorne falso. Infelizmente, não há nenhum evento "onclick" para elementos iframe. No entanto, o recurso de clique ainda pode ser desativado por meio de uma sobreposição de bloqueio invisível no iframe.

Nível de dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

Instruções

    Instruções

  1. 1

    Digite o código <div id="IframeWrapper" style="position: relative;"> acima da tag <iframe> de seu documento HTML.

  2. 2

    Digite o código <div id="iframeBlocker" style="position: absolute; top: 0; left: 0; width: [width]px; height: [height]px"></div> abaixo da linha digitada no Passo 1. Substitua [width] e [height] pela largura e altura de seu iframe, respectivamente.

  3. 3

    Digite a tag de fechamento </div> abaixo da tag de seu iframe.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível