如何在iframe中选择div id onClick事件？

Question

这是我的代码。我正在尝试在iframe中加载网站。当网站加载时，我想点击iframe来选择div id（我点击的地方）

 <iframe name="frameID" id="frameID" src="http://www.test.com" style="width:100%;height:400px;"></iframe>

$(document).ready(function(){
$('#frameID').load(function(){


    $('#frameID').contents().bind("click", function () {
        var a = $(this).id;
        alert (a);
        return false;
    });
});

}）;

例如，如果我点击iframe中加载的网站的页脚，我想显示div id“footer”。

然而，我无法这样做，它一直让我不确定。

Answer 1

你可以尝试

$('#frameID').contents().find('body').on("click", "div",  function () {
    var a = this.id;
    alert (a);
    return false;
});

Answer 2

您无法访问iframe中的跨域文档对象。即使它适用于您的本地，它也不会在网站上运行。