为什么在javascript中需要事件冒泡

Question

我理解（至少在理论上）javascript中冒泡的事件。我在网上看到了示例和教程。 我没有看到的是，如果我们总是将停止传播停止在有匹配时冒泡的事件，为什么我们首先需要事件冒泡？

我是否认为这是正确的，因为事件冒泡从内部开始而不是内部最匹配？

我对任何解释都不满意（或者我不是在阅读我应该阅读的内容？）

我的问题很简单。

给出以下代码

<style>
  body * {
    margin: 10px;
    border: 1px solid blue;
  }
</style>

<form onclick="alert('form')">FORM
  <div onclick="alert('div')">DIV
    <p onclick="alert('p')">P</p>
  </div>
</form>

如果我想要的只是点击div时，如何冒泡有用，请做警报（'div'）？在什么情况下，我是否希望这个东西冒出来，并且在点击div时也会提醒“形式”？