Skip to main content
Communityユーザーがトップに表示した
Communityユーザーがトップに表示した
本文から 6 文字削除; タグを編集; タイトルを編集
ソース リンク
unarist
  • 1.5万
  • 5
  • 36
  • 78

JavaScript iframeのDOMContentLoadedが発火しません

JavaScript iframeの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のイベントに対応していないのでしょうか?
その場合、上記【やりたい事】の代案はございますでしょうか?

JavaScriptの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のイベントに対応していないのでしょうか?
その場合、上記【やりたい事】の代案はございますでしょうか?

iframeの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のイベントに対応していないのでしょうか?
その場合、上記【やりたい事】の代案はございますでしょうか?

Communityユーザーがトップに表示した
本文から 35 文字削除; タイトルを編集
ソース リンク
kishikawa katsumi
  • 8,520
  • 2
  • 18
  • 40

【質問】JS JavaScriptの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のイベントに対応していないのでしょうか?
その場合、上記【やりたい事】の代案はございますでしょうか?

【質問】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のイベントに対応していないのでしょうか?
その場合、上記【やりたい事】の代案はございますでしょうか?

JavaScriptの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

【質問】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のイベントに対応していないのでしょうか?
その場合、上記【やりたい事】の代案はございますでしょうか?