• 事件代理优缺点:

    1+代码组织紧凑,集中化管理;

    2+内存占用相对较小,性能稍好

    3+当内部DOM改变时,无需重新注册事件

    1 - 事件处理函数逻辑相对复杂,容易隐藏bug
    2 - 不通用。load, blur 等事件不支持冒泡
    3 - 处理mousemove等事件时,容易成为性能瓶颈,让人发疯

    传统方法优缺点:

    1+ 简单
    2+ 通用
    1- 处理某些场景下的问题时,不如代理方便

    先弄个例子:实现一个收缩菜单效果
    html:
    <h2>1.传统的事件注册方案</h2>

    <ul id="navigation">
        <li><a href="#">Handlers Test 1</a>
            <ul style="d...