回答編集履歴
1
DOMContentLoadedイベントの挙動についての解説を訂正
answer
CHANGED
|
@@ -1,6 +1,17 @@
|
|
|
1
|
+
以下は`document`オブジェクトが発した`DOMContentLoaded`イベントが`window`オブジェクトにバブリングしない前提で回答していましたが, 実際は`window`オブジェクトで`DOMContentLoaded`イベントをキャッチできるようです.
|
|
2
|
+
|
|
3
|
+
従ってコードそのものに問題はないものの, 本質的に「JavaScriptファイルを読み込んでいないことにより, 実際にはスクリプトが実行されていなかった」ことが問題だったことになります.
|
|
4
|
+
|
|
5
|
+
参考)
|
|
6
|
+
https://developer.mozilla.org/ja/docs/Web/Reference/Events/DOMContentLoaded
|
|
7
|
+
|
|
8
|
+
---
|
|
9
|
+
※以下間違った記述
|
|
10
|
+
|
|
1
11
|
`window`オブジェクトは`load`イベントを,`document`オブジェクトは`DOMContentLoaded`イベントを発します.
|
|
2
12
|
|
|
3
|
-
従って, `window`オブジェクトの`DOMContentLoaded`イベントをリッスンしている現状のコードではリスナ関数が呼び出されることはありません.
|
|
13
|
+
従って, `window`オブジェクトの`DOMContentLoaded`イベントをリッスンしている現状のコードではリスナ関数が ~~呼び出されることはありません~~ .
|
|
14
|
+
→`DOMContentLoaded`イベントは上位の`window`オブジェクトでキャッチできるのでリスナ関数は呼び出されます.
|
|
4
15
|
|
|
5
16
|
つまり
|
|
6
17
|
|