DOMContentLoaded在DOM上 <object> 在Edge中不起作用

Question

To get the DOMContentLoaded event of an included object like this

<object class="emb" data="./probe-object.html" width="100" height="100" type="text/html">

works in Chrome and Firefox with the following code, but not Edge.

let includedObject = document.querySelector(".emb object");
includedObject.contentWindow.addEventListener('DOMContentLoaded', function() {
    includeObject();
});

How can I do something similar in Edge?

Answer 1

Try to modify your code like this:

let includedObject = document.querySelector("object.emb");
includedObject.addEventListener('DOMContentLoaded', function() {
    includeObject();
});

Check you console. I guess you find usefull error about this.

The selector was not correct, so I guess, it generate an undefined contentWindow error. This contentWindow used for iframe objects and you has only an object tag.

Answer 2

If

   includedObject.contentWindow.addEventListener

is replaced with

   includedObject.contentDocument.addEventListener

it works in Edge, but not in Edge nor Firefox. This seems like an Edge bug.