如何在单击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