javascript - Iframe 内的表单未使用 Jquery 在 IE11 中提交

Question

从下面的代码来看，警报函数应该在表单提交后执行。但是它第一次执行，之后就不会执行。它在除 IE11 之外的所有浏览器中执行良好。

代码:

<iframe id="iframeID">
<form id="profile">
<input type="file" id="UPLOADED_FILE" name="UPLOADED_FILE" value="" >
<input type="submit" name="save_photo" value="Save" onclick="pressUpload();">
</form>
</iframe>

function pressUpload() {
    var iframe_document = document.getElementById('iframeID').contentWindow.document;
    var form_profile = $(iframe_document).find('#profile');
    var file_input_field = $(form_profile).find('input[name=UPLOADED_FILE]');

    $(file_input_field).bind('change', function () {
        var value = $(this).val();

        if (value) {

            $(form_profile).submit();


            if (navigator.userAgent.indexOf("MSIE") > -1 && !window.opera) {
                iframe.onreadystatechange = function () {
                    if (iframe.readyState == "complete") {

                        alert("HI");
                    }
                };
            }
        }
    })
}

Answer 1

这是编写标记的无效方式。 但您不应该在 iframe 的开始/结束标记之间使用任何元素，就像您在案例中所做的那样。

实际上，只有当任何浏览器不支持该元素时才会执行。 @MDN you can see the example1

<iframe src="page.html" width="300" height="300">
 <p>Your browser does not support iframes.</p>
</iframe>