title: Is it possible to change event bubbling order in js
body: <p>I have a 3 boxes in my HTML, all the boxes have there own click events. When I click on my child, <code>event bubbling</code> is happening  hierarchical order from child to parent <strong>C-&gt;B-&gt;A</strong>.</p>
  <p>But now I wanted to know more about, whether I can change the event bubbled order to <strong>C-&gt;A-&gt;B</strong>.</p>
  <p>Once I click on C, event should go from C to A then it should come to B,</p>
  <p>Is it possible to shuffle the <code>event bubbling order</code>, I just wanted to learn more about that, Please suggest me</p>
  <p><strong>Code</strong></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>functionA() {
    console.log("A");
  }
  
  functionB() {
    console.log("B");
  }
  
  functionC() {
    console.log("C");
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div (click)="functionA()"&gt;Box A
    &lt;div (click)="functionB()"&gt;Box B
      &lt;div (click)="functionC()"&gt;Box C
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;div&gt;</code></pre>
  </div>
  </div>
  </p>