iframeのボタンでイベントが発生する

Question

iframeにボタンがあります。私はそのボタンがiframeの外でイベントをトリガーするようにします。どうやってやるの？

私は、次のボタンのiframe

内部

<button class="btn">Back</button> 

を持っている私は、人々はそれがIFRAMEの外観図でイベントをトリガすることを、そのボタンをクリックするとします。どうやってやるの？

iframeのURLがビューと同じドメインにあるため、クロスドメインを心配する必要はありません。

ボタンは、ユーザーがiframeの2ページ目に移動したときにのみ表示されます。

Answer 1

少なくとも、直接にはできません。イベントがドキュメントの先頭に当たると、バブリングが停止します。

button.addEventListener("click", passEventToParent); 

function passEventToParent(event) { 
    parent.querySelector("iframe").dispatchEvent(event); 
} 

See dispatchEvent on MDN for more information about it：

あなたのような何かを行うことができます。