--- title: jQueryでiframeと親window同士でイベントをtriggerする tags: jQuery JavaScript author: MasamotoMiyata slide: false --- jQueryをつかってiframeの中へイベントをtriggerする、あるいは、iframeの中から親windowへイベントをtriggerするのにハマったのでシェアしておきます。 親ウィンドウでもiframe内でもjQueryが読み込まれてる前提です。 ```html Document ``` 親windowからiframeの`document`へイベントをtriggerする ```js document.myIframe.$(document.myIframe.document).trigger('someCustomEvent'); ``` ポイントは子フレームスコープのjQueryを使うところですね。`$(document.myIframe.document).trigger(...)`だと受け取れませんので注意してください。 逆も同じ要領です。 iframeから親windowの`document`へイベントをtrigger。 ```js parent.$(parent.document).trigger('someCustomEvent'); ``` 受けとる側は普通です。 ```js $(document).on('someCustomEvent', function(e){ }); ```