外部加载页面的事件侦听器

Question

我使用iframe包含了一个外部页面。该页面是一个表单，将接受输入。我想捕获表单的成功提交。

我注意到，当表单成功提交时，div元素会附加到页面上（参见下文）：

 "<div class="appriseOverlay" id="aOverlay" style="height: 100%; width: 100%; display: block;"></div> <div class="appriseOuter" style="left: 50%; top: 200px; display: block; transform: translate(-50%, -50%);"><div class="appriseInner">Data successfully submitted<div class="aButtons"><button value="ok">Ok</button></div></div></div>"

使用负载似乎无法检测到。我无法控制外部页面。

先谢谢大家。

Answer 1

这是不可能的。同源策略阻止您访问它。

唯一访问JavaScript的跨域框架是通过postMessage和朋友。他们需要外部页面的合作。