title: Set order of mouse click events JavaScript
body: <p>I have two elements - a parent and a child. Both have on click event handlers. If I click on the child element then <i>both</i> event handlers run - parent's first then child's (at least on Chrome). I don't know how the browser determines which order to run the events in, but is there a way to specifically set this order so that the child's click event happens before the parent's click event?</p>
  <p>I have found a lot of questions and answers regarding the order of different events (<code>mousedown</code>, <code>click</code>, etc.), but can't find anything regarding the order of the same event on different elements.</p>