javascript - iframe 中的按钮应触发事件

Question

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

我有以下按钮

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

在 iframe 内

我希望当人们单击该按钮时，它会在 iframe 外部的 View 中触发一个事件。我怎样才能做到这一点？

无需担心跨域，因为 iframe url 与 View 位于同一域中。

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

Answer 1

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

你可以这样做:

button.addEventListener("click", passEventToParent);

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

See dispatchEvent on MDN for more information about it .