JavaScript直接与委托

JavaScript直接与委托

情况1（直接）：

$("div#target span.green").on("click", function() {...});

==嘿！我希望div＃target内的每个span.green都监听：单击时，请执行X。

案例2（授权）：

$("div#target").on("click", "span.green", function() {...});

==嗨，div＃target！当您的“ span.green”子元素中的任何一个被单击时，对它们进行X *** 作。

换一种说法…

在情况1中，已分别给每个跨度指示。如果创建了新的跨度，他们将不会听到指令，也不会响应点击。每个跨度 直接负责 其自身的事件。

在情况2中，仅向容器提供了指令；它负责 代表 其子元素注意到点击。捕获事件的工作已 下放 。这也意味着该指令将针对将来创建的子元素执行。