Cómo deshabilitar clics en un iframe

Un iframe es un elemento HTML que muestra contenido de una página externa. A veces, los desarrolladores web quieren impedir que el usuario haga clic en un iframe o su contenido. Normalmente, deshabilitar clics en elementos se hace con JavaScript estableciendo el evento "onclick" a "return false". Desafortunadamente, no hay evento onclick para iframes. Sin embargo, los clics pueden deshabilitarse colocando una superposición invisible de bloqueo sobre el iframe.

Paso 1

Escribe el código <div style="position: relative;"> encima de tu etiqueta iframe.

Paso 2

Escribe el código <div style="position: absolute; top: 0; left: 0; width: [ancho]; height: [alto]; z-index: 1; background: transparent;"></div> debajo de la línea del Paso 1. Reemplaza [ancho] y [alto] con el ancho y alto de tu iframe.

Paso 3

Escribe una etiqueta de cierre de div </div> debajo de tu etiqueta iframe.