Javascript > イベント制御

下位ページ

Content

イベント

イベントの実行タイミング

    • DOMContentLoaded DOMツリーが構築されたタイミング(画像とかは読み込み完了している必要なし)
      • document.addEventListener('DOMContentLoaded', function() { ... });
    • Queryのreadyも上に同じらしい
  1. window.onload 画像も含めてすべて読み込んだタイミング

クリックとかのイベントを使いたい

onClickとか、どの要素にも登録できる(っぽい)。

発火元

eventオブジェクトを使って、取れなくはないが、event.targetだとネストされたタグの結果を拾ってくる可能性がある。
<li class="A">AAA
<ul>
 <li class="B">AAABBB</li>
 <li class="C">AAACCC</li>
</ul></li>
でAAABBBのli要素が帰ってきたり、ul要素が帰ってきたり。バブリング。
http://d.hatena.ne.jp/teramako/20130528/p1

event.currentTargetだと、まさにonClickとかのイベントを登録したDOM要素が返る。
Element - MDN
最終更新:2020年04月12日 12:15