JavaScript: Detection of a link click inside an iframe

Question

How to detect user's click on the link inside the iframe using JavaScript?

Answer 1

Assuming you have an iframe with ID "myIframe", and the iframe comes from the same domain as the main document, the following will detect a click anywhere in the document. This will also work when the document is editable, which using the document's onclick property would not:

function iframeClickHandler() {
    alert("Iframe clicked");
}

var iframe = document.getElementById("myIframe");
var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

if (typeof iframeDoc.addEventListener != "undefined") {
    iframeDoc.addEventListener("click", iframeClickHandler, false);
} else if (typeof iframeDoc.attachEvent != "undefined") {
    iframeDoc.attachEvent ("onclick", iframeClickHandler);
}

Answer 2

You are able to check iframe load event

onLoad="alert(this.contentWindow.location);"

or on jquery:

$('iframe#yourId').load(function() {
  alert("the iframe has been loaded");
});