title: In Event Propogation, how does the event know when to fire?
body: <p>In the following code:</p>
  <pre class="lang-js prettyprint-override"><code>&lt;div onClick={() =&gt; console.log('outer div')}&gt;
    &lt;div onClick={() =&gt; console.log('middle div')}&gt;
      &lt;div onClick={() =&gt; console.log('innermost div')}&gt;
        Click me!
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I understand that the event object possesses a <code>target</code> property that contains a reference to the DOM node on which the event occurred. My question is: in the capturing (when capture set to true) and bubbling phases, will the event always fire on an HTML element if that element contains the same HTML attribute (ex. onClick, onHover) that started the propogation cycle? Thanks.</p>