Comment désactiver le clic dans une iframe

Une iframe est un élément HTML qui affiche du contenu provenant d'une page externe. Parfois, les développeurs web peuvent souhaiter empêcher l'utilisateur de cliquer sur une iframe ou le contenu d'une iframe. Généralement, le clic sur les éléments est désactivé en utilisant JavaScript pour définir l'événement « onclick » de l'élément sur « return false ». Malheureusement, il n'y a pas d'événement onclick pour les éléments iframe. Cependant, le clic peut toujours être désactivé en plaçant une superposition de blocage invisible au-dessus de l'iframe.

Étape 1

Tapez le code <div style="position: relative; width: [width]; height: [height];"> au-dessus de votre balise iframe.

Étape 2

Tapez le code <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: transparent;"></div> en dessous de la ligne que vous avez tapée à l'étape 1. Remplacez [width] et [height] par la largeur et la hauteur de votre iframe.

Étape 3

Tapez une balise de fermeture div </div> en dessous de votre balise iframe.