javascript - 要素がiframeの場合、Clickイベントをキャプチャするにはどうすればよいですか？

Question

idがdiv1であるdivにyoutube埋め込みURLを含むiframeを追加しました。iframeでクリックが発生したときに何かしたい。

このjqueryコードを使用していますが、機能していません。

$('#div1 iframe').bind('click', function(){
         alert('clicked on iframe');
});

Answer 1

iframeのIDがあるかどうかわかりません。ただし、iframe内のドキュメントのクリックをキャッチすることもできます。

document.getElementById("iframe_id").contentWindow.document.body.onclick = 
function() {
  alert("iframe clicked");
}

これはクロスサイトの問題を解決しませんが、FYI jQueryはiFrameでうまく機能するように更新されました：

$('#iframe_id').bind('click', function(event) { });