jQuery事件委托的原理是什么？

Question

请问 jQuery 事件委托的原理是什么？

$(document.body).on("click", "li", function(e) {
    // 输出 LI
    console.log(e.currentTarget.tagName);
});

document.body.addEventListener("click", function(e){
    // 输出 body
    console.log(e.currentTarget.tagName);
});

Answer 1

就是事件冒泡

Answer 2

事件委托

Answer 3

事件分为 捕获阶段、到达、冒泡阶段。

事件委托依赖事件冒泡，通过监听外层DOM的事件，然后判断触发DOM是否满足条件（event.target）。