6-3 事件-解答
2017-11-06 本文已影响5人
留白_汉服vs插画
![](https://img.haomeiwen.com/i2037656/8da8c9a7c613a81b.png)
![](https://img.haomeiwen.com/i2037656/393169a5d88bf61b.png)
![](https://img.haomeiwen.com/i2037656/be046a079a71b475.png)
事件冒泡:事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级往上传播到较为不具体的节点(文档)。举个栗子:点击div,click事件首先在div元素上发生,然后这个点击事件沿着DOM树往上传播,在每一级节点上都会发生,直至传播到document对象。
![](https://img.haomeiwen.com/i2037656/9195a1760355f8d0.png)
优点:代码比较简洁,绑定一次事件就可以了。
给浏览器的压力小。一堆js和一两句是不一样的。
![](https://img.haomeiwen.com/i2037656/19e812a38f4df7ad.png)
事件冒泡:事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级往上传播到较为不具体的节点(文档)。举个栗子:点击div,click事件首先在div元素上发生,然后这个点击事件沿着DOM树往上传播,在每一级节点上都会发生,直至传播到document对象。
优点:代码比较简洁,绑定一次事件就可以了。
给浏览器的压力小。一堆js和一两句是不一样的。