Comment détecter un clic dans iframe en JavaScript

juillet 5, 2019février 3, 2021 Amine KOUIS Aucun commentaire

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>