如题

点击box2结果如下:

分析:

因为box2在box1里面,所以点击box2时,也同时点击了box1,这就是事件冒泡

事件冒泡

从最具体的元素到不具体的元素(由内到外)

当子元素(事件源)事件触发,事件会沿着包含关系,依次往上级传递,每一级都可以感知到事件,直到触发根元素(根源)

event.target可以准确地获取事件源(指的是真正触发事件的那个元素),并且在使用的过程中可以比较判断
event.target属性:
event.target.nodeName    //获取事件触发元素标签name
event.target.id       //获取事件触发元素id
event.target.className   //获取事件触发元素classname
event.target.innerHTML   //获取事件触发元素的内容