イベント
イベントの実行タイミング
- DOMContentLoaded DOMツリーが構築されたタイミング(画像とかは読み込み完了している必要なし)
- document.addEventListener('DOMContentLoaded', function() { ... });
- Queryのreadyも上に同じらしい
- window.onload 画像も含めてすべて読み込んだタイミング
クリックとかのイベントを使いたい
onClickとか、どの要素にも登録できる(っぽい)。
発火元
eventオブジェクトを使って、取れなくはないが、event.targetだとネストされたタグの結果を拾ってくる可能性がある。
<li class="A">AAA
<ul>
<li class="B">AAABBB</li>
<li class="C">AAACCC</li>
</ul></li>
event.currentTargetだと、まさにonClickとかのイベントを登録したDOM要素が返る。
Element - MDN
最終更新:2020年04月12日 12:15