MutationObserver div change src

Question

Мне было интересно, у меня есть div на странице htm (1), которые открывают и отображают другой файл htm (2). И у меня есть области на этой странице (2). Когда я нажимаю на эти области, он открывает другую страницу в div.

Мне было интересно, есть ли способ в родном JS, используя MutationObserver, чтобы наблюдать такую ​​модификацию и делать что-то каждый раз, когда это происходит?

Работаю только на IE11.

Page 1:

<div id="one"> 
    <iframe src="index.htm" style="width:100%; height:100%;" alt="" id="fram"> </iframe> 
</div> 

index.htm

<img src="../assets/SM2.png" usemap="#Tr" id="draggable" class="dragme" onload="initiate()"> 
<map name="Tr" style="z-index=1;" id="mapping"> 
<area title="2" shape="circle" coords="6426,4171,8" href="2/Tr.xml"> 
... 

И дело происходит, когда я нажимаю на площади в index.htm.

я не смог найти решение по Интернету, так как это очень специфический вопрос /:

Спасибо заранее!

Проведите приятный вечер!

EDIT 1: Возможно ли это сделать каким-то ужасным способом, например, используя «OnPropertyChange», и когда я нажимаю на область, я вызываю функцию, которая меняет некоторые свойства на моей странице? :/

Answer 1

Хорошо, я отправлю это как ответ, то:

Вы можете просто слушать для load события на вашем iframe, так как он должен быть уволен каждый раз, (новая) страница по окончанию загрузки:

document.getElementById('fram').addEventListener('load', function() 
{ 
    /* this is called on the iframe's first load, 
     and every time it has finished loading a new page */ 
});