单击iframe时如何隐藏父元素

Question

为什么我在不同的域中将事件从iframe传递给父

window.onload = function () {
    myFrame = document.getElementById('test2');
    myFrame.contentDocument.addEventListener('click', function()
    {
        $("test1").hide();
    });
};

<div id="test1" style="width:150px;height:150px;position:relative;">
    <iframe id="test2" src="http://www.w3schools.com"></iframe>
</div>

我想要这样的事情：http://jsfiddle.net/nqTnz/15/

我尝试使用不同域名的相同代码，但不起作用：http://jsfiddle.net/z6tco5rg/

Answer 1

不确定是否相关，但请阅读此链接：

http://www.codeproject.com/Tips/585663/Communication-with-Cross-Domain-IFrame-A-Cross-Bro