jQueryをつかってiframeの中へイベントをtriggerする、あるいは、iframeの中から親windowへイベントをtriggerするのにハマったのでシェアしておきます。
親ウィンドウでもiframe内でもjQueryが読み込まれてる前提です。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
</head>
<body>
<iframe src="/iframe/" name="myIframe" frameborder="0"></iframe>
</body>
</html>
親windowからiframeのdocument
へイベントをtriggerする
document.myIframe.$(document.myIframe.document).trigger('someCustomEvent');
ポイントは子フレームスコープのjQueryを使うところですね。$(document.myIframe.document).trigger(...)
だと受け取れませんので注意してください。
逆も同じ要領です。
iframeから親windowのdocument
へイベントをtrigger。
parent.$(parent.document).trigger('someCustomEvent');
受けとる側は普通です。
$(document).on('someCustomEvent', function(e){
});