Question

我在iframe中有一个按钮。我希望该按钮触发iframe之外的事件。我怎么能这样做？

我有以下按钮

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

在iframe中

我希望当人们点击该按钮时，它会触发iframe外部视图中的事件。我怎么能这样做？

无需担心跨域，因为iframe网址与视图位于同一个域中。

该按钮仅在用户导航到iframe的第二页时显示。

Answer 1

它不能，至少不是直接的。当事件到达文档顶部时，事件就会停止冒泡。

您可以执行以下操作：

button.addEventListener("click", passEventToParent);

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