title: Trigger child element's onclick event, but not parent's
body: <p>I've got some nested elements, each with an onclick event. In most cases, I want both events to fire when the user clicks the child (both parent and child events are triggered - default behavior). However, there is at least one case where I want to trigger the child's onclick event (from javascript, not a user's click), but not the parent's. How can I prevent this from triggering the parent event?</p>
  
  <p><img src="https://i.stack.imgur.com/rbgT4.png" alt="enter image description here"></p>
  
  <p>What I was is:</p>
  
  <p><strong>User clicks A:</strong> A's onclick fires.<br>
  <strong>User clicks B:</strong> B's onclick fires, A's onclick also fires<br>
  <strong>Manually trigger B's click:</strong> B fires, A does not (this one is the problem)</p>