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

标签 javascript iframe

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

我有以下按钮

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

在 iframe 内

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

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

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

最佳答案

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

你可以这样做:

button.addEventListener("click", passEventToParent);

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

See dispatchEvent on MDN for more information about it .

关于javascript - iframe 中的按钮应触发事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38505946/

相关文章:

flash - Google Chrome、Flash 和 z-index 错误行为

iframe - 修改 iframe.src 而不进入历史对象

html - 在 iframe 中加载页面时避免外部调用

javascript - 是否可以在 es6 模板字符串中进行评论?

javascript - 为什么 "this"in function inside angularjs service be undefined

javascript - 项目和多个 doGet() 脚本文件发布为 Web 应用程序 - 需要澄清

javascript - 如何将功能添加到 iframe 中?

javascript - angular2 一个元素上不能有多个模板绑定(bind)

javascript - WKWebView 未从 language.url 获取正确的语言字符串

drupal - 从 Drupal 网站创建 iframe