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事件
网友评论