JavaScript:检测iframe内的链接点击

时间:2010-12-10 15:09:05

标签: javascript iframe click detection

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

2 个答案:

答案 0 :(得分:9)

假设您的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);
}

答案 1 :(得分:4)

您可以检查iframe加载事件

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

或jquery:

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