扫码关注官方订阅号
什么是冒泡处理?求大神指点
什么是冒泡处理?求大神指点-PHP中文网问答-什么是冒泡处理?求大神指点-PHP中文网问答
围观一下哦,学习一下。
冒泡处理:也可以从字面意思理解为,气泡在水中会向上浮动。那么我们现在就解释什么是气泡浮动就好了。
气泡:也就是所谓的触发事件。
向上浮动:不仅会触发自身的事件,而且还会一级一级地向上浮动查找祖辈节点的同效果事件,直到根节点为止,没完没了。
举例:在#div1 中有个子元素 #div2
定义:#div1 的mouseout事件; #div2 的mouseout事件
效果:当触发#div2 的mouseout事件时,一定会触发#div1 的mouseout事件。因为#div2触发事件后,它还没完,还会向上一级级查找祖辈们有没有定义相同的mouseout事件,如果有就触发,这里显然有定义#div1的mouseout事件,而且#div1还是#div2的父辈元素,所以会触发#div1的mouseout事件。(这里说的有点多,显得有点累赘,主要是想让你能理解。)
如果把mouseout事件 替换成 mouseleave事件就不会了,因为mouseleave事件,只会触发自身的事件,不会冒泡祖辈们,让他们安静一点。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
什么是冒泡处理?求大神指点-PHP中文网问答-什么是冒泡处理?求大神指点-PHP中文网问答
围观一下哦,学习一下。
冒泡处理:也可以从字面意思理解为,气泡在水中会向上浮动。那么我们现在就解释什么是气泡浮动就好了。
气泡:也就是所谓的触发事件。
向上浮动:不仅会触发自身的事件,而且还会一级一级地向上浮动查找祖辈节点的同效果事件,直到根节点为止,没完没了。
举例:在#div1 中有个子元素 #div2
定义:#div1 的mouseout事件; #div2 的mouseout事件
效果:当触发#div2 的mouseout事件时,一定会触发#div1 的mouseout事件。因为#div2触发事件后,它还没完,还会向上一级级查找祖辈们有没有定义相同的mouseout事件,如果有就触发,这里显然有定义#div1的mouseout事件,而且#div1还是#div2的父辈元素,所以会触发#div1的mouseout事件。(这里说的有点多,显得有点累赘,主要是想让你能理解。)
如果把mouseout事件 替换成 mouseleave事件就不会了,因为mouseleave事件,只会触发自身的事件,不会冒泡祖辈们,让他们安静一点。