Как остановить распространение события с помощью встроенного атрибута onclick?

Question

Рассмотрим следующее:

<div onclick="alert('you clicked the header')" class="header">
  <span onclick="alert('you clicked inside the header');">something inside the header</span>
</div>

Как сделать так, чтобы, когда пользователь щелкает диапазон, он не запускал событие нажатия div?

Answer 1

<div onclick="alert('you clicked the header')" class="header">
  <span onclick="alert('you clicked inside the header'); event.stopPropagation()">
    something inside the header
  </span>
</div>