問題タブ [domcontentloaded]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - DOMContentLoaded はドキュメントでのみ機能しますか?
カスタム要素を作成していて、その要素とそのすべての子要素がロードされたらコードを実行したいと考えています。コンストラクターのカスタム要素がthis.addEventListener("DOMContentLoaded", function() { ... });どこにあるかを試しました。thisこれはうまくいきませんでした。(イベント リスナーの追加は、もちろん、document代わりにを使用する場合に機能します。) ただし、カスタム要素に追加すると、thisなどの DOM ミューテーション イベントがイベント リスナーとして機能します。DOMNodeInsertedそのため、ドキュメントだけでなく、どのイベントを要素にアタッチできるかを明確にしたかっただけです (実際には、このイベント リスナーを追加する要素がカスタム リスナーであるという事実とは何の関係もないと思います)。
javascript - DOMContentLoaded ハンドラーが最初のペイントをブロックできるのはなぜですか?
解決されていない同様の質問があります。
DOMContentLoaded をリッスンするハンドラーが最初のペイントをブロックできる状況に遭遇しました。ブロックするときとブロックしないときがある
それを見るためにcmd + Rを何度も試しました。この動作に何か説明はありますか?
また、これを示すビデオを録画しました: https://www.youtube.com/watch?v=EDZQ1nLCK2w&feature=youtu.be
- リロード後に空白のページが表示される場合は、DOMContentLoaded が最初のペイントをブロックしたことを意味します
- 「Some text」というテキストが表示され、リロード後に空白のページが表示される場合は、DOMContentLoaded が最初のペイントをブロックしなかったことを意味します。