爲什麼事件會讓這個死氣沉沉？

Question

我理解事件冒泡以及它是如何從最內部元素遍歷dom的。我很好奇爲什麼這是默認行爲？

<div>1 
    <div>2 
     <div>3 
      <div>4 
       <div>5</div> 
      </div> 
     </div> 
    </div> 
</div> 

如果我對每一部分的事件偵聽器，但點擊<div>5</div>爲什麼事件冒泡至DIV4，DIV3，DIV2（ETC）的事件監聽器？

編輯：我不認爲這是「什麼是事件冒泡」，因爲這是要求重複爲什麼不是

Answer 1

你的看法是錯誤的。 The default for simple events is not to bubble：

燒成一個簡單的事件名爲Ë意味着一個trusted事件與 名稱ë，其不起泡（除非另有 說明）且不可取消（除非另有聲明）和 （其使用接口Event）必須在給定目標處創建並且 dispatched。

因此，HTML中相關的事件就是因爲規範明確地說明了這一點，可能是因爲這樣做更有意義。

• Click events：

  燒製click事件意味着firing a synthetic mouse event named click，這氣泡和可取消

  其中氣泡的一些事件。

• Unfocusing steps：

  fire a simple event的氣泡名爲change處的元素。

  • Error events when updating image data

    fire a simple event命名error在img元素

  • ：

這不冒泡一些事件

Readystatechange events when changing the current document readiness

fire a simple event在Document對象命名readystatechange。

Answer 2

如果你問爲什麼這是默認的行爲，那麼答案是因爲the language specification says so（重點煤礦）：

一個事件監聽器包含以下字段：

• [...]
• 捕獲（布爾值，最初假）
• [...]

當一個事件被調度到任何在樹參與的對象（例如一個元素），它也可以訪問該對象的祖先的事件監聽器。首先調用所有對象的祖先事件偵聽器，其捕獲變量設置爲true，並按樹形順序調用。其次，調用對象自己的事件偵聽器。最後，只有當event的bubbles屬性值爲true時，纔會再次調用對象的祖先事件偵聽器，但現在按照逆樹的順序。

如果你問爲什麼該規範定義這種方式，你可以問問自己：
如果你點擊了DIV5，你也點擊DIV4或不？
也就是說最終見仁見智，但對我來說，答案是肯定的，按照我的初步意見：

如果你去過日內瓦，你去過瑞士爲好。