84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
什么是冒泡处理?求大神指点
什麼是冒泡處理?求大神指點-PHP中文網問答-什麼是冒泡處理?求大神指點-PHP中文網問答
圍觀一下哦,學習一下。
冒泡处理:也可以从字面意思理解为,气泡在水中会向上浮动。那么我们现在就解释什么是气泡浮动就好了。
气泡:也就是所谓的触发事件。
向上浮动:不仅会触发自身的事件,而且还会一级一级地向上浮动查找祖辈节点的同效果事件,直到根节点为止,没完没了。
举例:在#div1 中有个子元素 #div2
定义:#div1 的mouseout事件; #div2 的mouseout事件
效果:当触发#div2 的mouseout事件时,一定会触发#div1 的mouseout事件。因为#div2触发事件后,它还没完,还会向上一级级查找祖辈们有没有定义相同的mouseout事件,如果有就触发,这里显然有定义#div1的mouseout事件,而且#div1还是#div2的父辈元素,所以会触发#div1的mouseout事件。(这里说的有点多,显得有点累赘,主要是想让你能理解。)
如果把mouseout事件 替换成 mouseleave事件就不会了,因为mouseleave事件,只会触发自身的事件,不会冒泡祖辈们,让他们安静一点。
什麼是冒泡處理?求大神指點-PHP中文網問答-什麼是冒泡處理?求大神指點-PHP中文網問答
圍觀一下哦,學習一下。
冒泡处理:也可以从字面意思理解为,气泡在水中会向上浮动。那么我们现在就解释什么是气泡浮动就好了。
气泡:也就是所谓的触发事件。
向上浮动:不仅会触发自身的事件,而且还会一级一级地向上浮动查找祖辈节点的同效果事件,直到根节点为止,没完没了。
举例:在#div1 中有个子元素 #div2
定义:#div1 的mouseout事件; #div2 的mouseout事件
效果:当触发#div2 的mouseout事件时,一定会触发#div1 的mouseout事件。因为#div2触发事件后,它还没完,还会向上一级级查找祖辈们有没有定义相同的mouseout事件,如果有就触发,这里显然有定义#div1的mouseout事件,而且#div1还是#div2的父辈元素,所以会触发#div1的mouseout事件。(这里说的有点多,显得有点累赘,主要是想让你能理解。)
如果把mouseout事件 替换成 mouseleave事件就不会了,因为mouseleave事件,只会触发自身的事件,不会冒泡祖辈们,让他们安静一点。