stop propagate event

stop-propagate-event.md

I have <button> is children <a>, I don't want to make click event of <a> occurs when clicking <button>

<a href="#">
  <button>do something</button>
  sometext
</a>

Solution 1: return false; in click handler of <button>

$('button').click(function(e) {
  // do something
  return false;
});

Solution 2: event.stopPropagation() in click handler of <button>

$('button').click(function(e) {
  e.stopPropagation();
  // do something
});

ref: https://api.jquery.com/event.stoppropagation/