Skip to main content
1 / 3
YYYYY
  • 1
  • 2
  • 4

【質問】JSのDOMContentLoadedが発火しません。

【質問】JSのDOMContentLoadedが発火しません。

■事象
iframeを動的に作成(createElement)して、
addEventListenerに「DOMContentLoaded」を追加しているが、
iframeのsrc先のDOM読み込み完了時にイベントが発生しません。

■コーディング

var parent_obj = document.getElementById("top");
var obj = document.createElement('iframe');

if(obj.addEventListener){
    obj.addEventListener("DOMContentLoaded",xxx);//★これが発火しない
    //obj.addEventListener("load",xxx);//☆遅い
}else if(obj.attachEvent){
    obj.attachEvent("onload",xxx);
}else{
    obj.onload = xxx;
}

parent_obj.appendChild(obj);
obj.src = "URL";

function xxx(e){
    alert("発火");★これが発火しない
}

■やりたい事
addEventListener("load",xxx)だと画像読み込み後にイベントが発生するので、遅いです。
iframeのソースが返ってきた直後にイベントを呼びたいのです。

■質問
なぜDOMContentLoadedが発火しないのでしょうか。
コーディングが悪いのでしょうか?

それともcreateElement('iframe')はDOMContentLoadedのイベントに対応していないのでしょうか?
その場合、上記【やりたい事】の代案はございますでしょうか?

YYYYY
  • 1
  • 2
  • 4