知道何时提交iFrame中的表单的事件

Question

好，所以我的网站的“联系人”页面上有一个iframe。

iframe的src指向另一个包含Google文档表单的文件。

提交Google文档表单后，该页面将重定向到一个Google页面，显示“您的回复已被记录”。

我在iframe中拥有此表单，因此它不会将查看器重定向到我的整个网站之外，而仅重定向了iframe文档。

这一切都很好，但是我想显示我自己的信息，而不是Google的“您的回复已被记录”。

为此，基本上我想知道何时重定向iframe和/或（最好是）提交表单。

我尝试过的事情...

• iframe元素内的onhaschange =“”

• onsubmit =“”在表单元素（位于iframe src文件中）

还有其他想法吗？

Answer 1

看这个答案：iFrame src change event detection?创建一个函数来检查加载的内容是否来自Google并做出正确的反应。

Answer 2

我想为时已晚，但是...这是我的答案。我今天有同样的测验。

function getIframe(iframeElement){
    //retrieves the document element inside of an iframe
    return iframeElement.contentDocument;
}

var iframeElem = document.getElementById('iframeId');

iframeElem.onload = function(){
    //onload also catches form post sending
    var iframeDoc = getIframe( iframeTpv );
    //retrieves the height of the content's body
    var contentHeight = iframeDoc.body.scrollHeight;
    //do something ... 
}

Answer 3

老问题，但我想我找到了一个简单的解决方案：

HTML：

<iframe src="google_form_link" onload="changed()">Loading…</iframe>

JS：

var change_count = 0;

function changed() {
    if (change_count === 1 /* NUMBER OF FORM PAGES */) {

        /* DO SOMETHING */

    }
    else {

        window.change_count += 1;

    }
}

Answer 4

对于同一域。加载iframe之前如何检测？一些像

$('#iframe').contents().find('a').click(function() {
    $('#iframe').animate({opacity:0.1},30);
});

还有其他正确的方法吗？类似iframe模糊，src输出...事件。