JavaScript:检测iframe内的链接点击

Question

如何使用JavaScript检测用户点击iframe内的链接？

Answer 1

假设您有一个ID为"myIframe"的iframe,并且iframe来自与主文档相同的域,则以下内容将检测文档中的任何位置.当文档可编辑时,这也可以使用,使用文档的onclick属性不会:

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

您可以检查 iframe 加载事件

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

或者在 jquery 上：

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