javascript - 从父窗口到 2 层嵌套 iframe 的事件监听器可能吗?

标签 javascript jquery iframe addeventlistener postmessage

green box my web app / orange box iframe app / red box 3rd party web app through iframe

我的网页(绿色框)上有一个表单,应该在我的后端系统上提交数据。 我还有一个网络应用程序(橙色框),我可以根据源代码进行控制,其中包含通过 iframe(红色框)的第三方表单。 红色框是带有提交按钮的表单。

请求是提交红色框中的表单,提交绿色框中的表单。 我已经通过事件监听器 postmessage 将必要的数据从红色框传输到绿色框来完成。 问题是,如果绿色框中的字段为空,我想阻止红色框提交。 我想在红色框的顶部应用一个透明的覆盖 div,在填充绿色框时将其删除,但我对这个想法不太满意。 这可以通过javascript处理吗? 我可以控制绿色和橙色窗口/文档,但不能控制红色

最佳答案

您正在寻找的是沙盒 iframe。欲了解更多详情,请点击此链接: http://www.html5rocks.com/en/tutorials/security/sandboxed-iframes/

关于javascript - 从父窗口到 2 层嵌套 iframe 的事件监听器可能吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29858191/

相关文章:

javascript - 将 SlimScroll 添加到 iframe

JavaScript 使用 Angular 2 在 xhr 函数外部获取变量

javascript - jQuery Content slider block 响应式菜单抽屉

php - 我希望 iframe 仅在以下情况下显示

javascript - 路口观察者 polyfill 不工作 Safari

javascript - jQuery 中 .push 数组值之间的空格

javascript - POST JSON 到 Node.JS ,语法错误 : Unexpected token %

javascript - 如何计算 JavaScript 数组的数量并获得这样的输出?

javascript - JQuery:无法从表列中获取元素

php - 当移动设备访问我的网络服务器时,如何获取它们的屏幕尺寸?