javascript - iframeのクリックのトリガーが機能しませんでした

Question

このフィドルをチェックしてください：http：//jsfiddle.net/GxPmU/

そのiframeでクリックイベントをバインドしようとしましたが、iframeをクリックしてもクリックイベントがトリガーされません

さらに、firebugコンソールもエラーを出力します。

Error: Permission denied to access property 'nodeType'
[Break On This Error]   

if ( selector.nodeType ) {

私が間違ったことと、それに応じてiframeのクリックイベントをバインドする方法について何か考えはありますか？

score 0 · Accepted Answer

「Same origin policy」の時点で、クリックイベントを取得できません。

この動作を示すデモを作成しました。最初のリンクは同じオリジンにあるため、クリックは渡されます。一方、2番目のものは応答しません。

HTML

<iframe id="iframe-test-1" src="jsfiddle.net/404"></iframe>
<iframe id="iframe-test-2" src="http://jsfiddle.net/404"></iframe>

デモ

score 0 · Accepted Answer

の任意の部分をクリックするたびに知りたい場合はiFrame、をに入れ、iFrameイベントdivをにバインドしdivます。

score 0 · Accepted Answer

div の z-index を iframe の前に指定し、絶対にする必要があります。

div#foo
{
    z-index: 9999;
    position: absolute;
    width: 300px;
    height: 300px;
}

iframe に基づいて div のサイズ変更と再配置が必要になる場合があります。

3 に答える 3