js事件委托

DOM事件流：捕获=====》到达目标====》冒泡

eventflow.png

将绑定在内部元素的事件，改为绑定到外层容器，当点击内部元素时由于事件冒泡，会触发该外容器的click事件

container click事件

item name="xxo"

item name="oxx"

item name="xox"

item name="xxoo"

item name="xoox"

item name="xoxo"

例如上，点击item会触发container的click事件，此时

event.curentTarget=container    //绑定事件的元素
event.target=item              //触发事件的元素

利用

event.target.getAttribute('name') //获取元素属性

即可判断当前item并处理其逻辑，不必在每个item上都绑定click事件