事件处理模型

1.事件处理模型

（1）事件冒泡

• 结构上嵌套的元素，会存在事件冒泡功能，也就是说，同一事件，子元素会向父元素冒泡
• 无论哪种绑定方法都存在事件冒泡

    var wrapper = document.getElementsByClassName('wrapper')[0];
    var content = document.getElementsByClassName('content')[0];
    var box = document.getElementsByClassName('box')[0];
    wrapper.addEventListener('click', function(){
        console.log('wrapper');
    },false);
    content.addEventListener('click', function(){
        console.log('content');
    },false);
    box.addEventListener('click', function(){
        console.log('box');
    },false)

点击box时

（2） 事件捕获

• 结构上存在嵌套的元素&#x