在IE11中，javascript中未触发事件

Question

Tried not working this is an compatability issue Ie9 vs IE11:

<iframe name="testwindowframe" id="testwindowframe" Onload="readyStateChange()" width="100%" height="90%"></iframe> 

Actual JSP: Please find the details :WHERE IFRAME AND SCRIPTS used this is an compatibility issue in IE11. I placed a breakpoint in the readyStateChange() but its not triggering.

<script language="javascript">
    function readyStateChange() {
        console.log('REACHED!');
    }
</script>

<iframe name="testwindowframe" id="testwindowframe" onreadystatechange="readyStateChange()" width="100%" height="90%"></iframe>

Answer 1

The attributes and event associated with checking the ready-state changes for <iframe> have been discontinued by Internet Explorer 11.

The following sums this up:

"The MSDN readyState property documentation points to the (on)readystatechange event documentation, which plainly states that an iframe supports these things. But it apparently doesn't anymore with IE11. It looks like IE11 is following W3C specs for this particular thing. This spec showsglobal attributes and events. ( readyState / readystatechange isn't global, naming only document and media elements). This spec shows iframe implements load / onload , but not readyState attribute or readystatechange event)." [4]

"The point is that the onreadystatechange event is not being adopted by W3C since ages! And the result: IE11 has finally dropped it!" [4]

Also note that dynamically attaching an event on an iframe is inadvisable due to security and cross-domain restrictions when attempting to access a frame. [5]

Example

This code following code works in IE11, it will produce an alert when the <iframe> is loading.

 function readyStateChange() { alert('The document ready state is "' + document.readyState + '".'); } 

 <iframe name="pdfFrame" id="pdfFrame" onReadyStateChange="readyStateChange()" width="100%" height="90%"></iframe> 

Sources

Documentation

• Internet Explorer Dev Center: [API Reference] readystatechange | onreadystatechange event ¹

• WebPlatform.org: readystatechange ²

Forum Questions

• Internet Explorer Dev Center: [Community] IE11 onreadystatechange event not firing ³

• Developer-Works.com: IE11 onreadystatechange event not firing ⁴

Stack Questions

• Access iframe elements in javascript ⁵

Answer 2

尝试在document.ready中编写函数readyStateChange（）