Chrome中的iframe onload vs IE11

Question

我一直在使用Chrome編寫我的第一個webapp（因為內置的Inspect工具很簡潔），直到我在IE11中測試之前一切都很好。

它基本上是一個用於上傳文件的表單和iframe（但在片段中，我只關注通過削減所有內容來最小化行為的再現）。

行為是在Chrome中我點擊“提交”，表單觸發iframe onload事件並運行一些代碼。 在IE11中，onload會在頁面加載時觸發，單擊“提交”按鈕時會觸發兩次。

看起來我應該使用其他一些事件處理程序，但不知道要捕獲什么。 我試過提交，但它什么也沒做。

來自html塊的代碼：

 <form enctype = "multipart/form-data" target="upload-iframe"> <input type = "submit" /> </form> <iframe name="upload-iframe" id="myFrame" hidden="hidden"></iframe> <script type="text/javascript"> var iframe = document.getElementById('myFrame'); iframe.onload = function() { alert("I'm doing something"); } </script> 

謝謝！

Answer 1

我玩了一遍，最終發現通過將onload塊包裝成jQuery $（document）.ready（function（）{...}）; 要延遲它直到頁面加載后，它會處理頁面加載時加載事件觸發器的問題，以及雙觸發器問題。