iframe内の要素をクリックした時の動作を親要素から指定する方法

Question

###質問
iframe内の要素をクリックした時の動作を親要素から指定する方法を教えてください。
下記のコードではうまくいきませんでした。(iframeで読み込んでいるhtmlファイルの中の<div>をクリックしたらalertするプログラムです)

$("iframe").contents().find(document).on("click","div",function(){
    alert("alert");
});

Answer 1

iframe が読み込み完了してから以下を実行 ( <iframe onload> )

$(frames['iframe_name'].document).on("click","div",function(){
    alert("alert");
});

Answer 2

.contents() では iframe 内の子要素は取得できないのでは？ 試してないので、もし取得できるということでしたら失礼しました。以下のレスはスルーしてください。

iframe はそれを保持する親のページとは別のウィンドウです。なので、iframe 内の document オブジェクトを取得するには contentWindow (IE 用) または contentDocument (Firefox 他) を使う必要があると思います。

具体的には以下の記事の JavaScript のサンプルコードで「iframe 内の document オブジェクトを取得」とコメントした部分を見てください。（別の部分に $get('iframe1') というのがありますが、それは getElementById('iframe1') と同じです）

ModalPopup を別ページから非表示
http://surferonwww.info/BlogEngine/post/2013/01/27/hide-modalpopup-by-clicking-a-button-placed-in-another-page.aspx

なお、iframe に表示するページは親ページと同じドメインのものでないと DOM が取得できないので注意してください（クロスサイトスクリプト対策だそうです）。