Come disabilitare i clic in un iframe

Un iframe è un elemento HTML che mostra contenuto da una pagina esterna. A volte gli sviluppatori vogliono impedire all'utente di cliccare su un iframe o il suo contenuto. Tipicamente, cliccare su elementi si disabilita usando JavaScript per impostare l'evento "onclick" dell'elemento su "return false". Sfortunatamente, non c'è evento onclick per elementi iframe. Tuttavia, i clic possono essere disabilitati ponendo un overlay invisibile bloccante sopra l'iframe.

Passo 1

Inserire il codice <div style="position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background:transparent;"> sopra il vostro tag iframe.

Passo 2

Inserire il codice </div> sotto la riga del Passo 1. Sostituire [width] e [height] con larghezza e altezza del vostro iframe.

Passo 3

Inserire tag di chiusura div </div> sotto il tag iframe.