Comment détecter un clic dans iframe en JavaScript

Dans ce tutoriel vous allez découvrir comment détecter un clic dans iframe en utilisant simplement la méthode click() de jQuery, cela ne fonctionnera pas, car iframe incorporera une page Web dans une autre page Web. Pourtant, vous pouvez toujours le faire en utilisant la méthode content() et load() de jQuery.
 
 
L’exemple suivant affiche un message chaque fois que vous cliquez dans l’iframe.
 

Code source :
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Détecter un clic dans iframe</title>
		<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
		<script type="text/javascript">

			var detector = setInterval(function() {

				var elem = document.activeElement;

				if (elem && elem.tagName == 'IFRAME') 
				{
					alert("Clic détecté à l'intérieur de iframe.");
					clearInterval(detector);
				}
			}, 100);

		</script>
	</head>
	<body>
		<iframe id="iframe" src="//example.com" height="200" width="500"></iframe>
	</body>
</html>
Résultat
QCM JavascriptQCM Javascript – Partie 1QCM sur Javascript avec des réponses pour la préparation des tests techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *