搜尋

首頁  >  問答  >  主體

什么是冒泡处理?求大神指点

什么是冒泡处理?求大神指点

phpcn_u251phpcn_u2512885 天前1101

全部回覆(2)我來回復

  • 数据分析师

    数据分析师2017-09-30 23:50:33

    什麼是冒泡處理?求大神指點-PHP中文網問答-什麼是冒泡處理?求大神指點-PHP中文網問答

    圍觀一下哦,學習一下。

    回覆
    0
  • 阿神

    阿神2017-01-04 15:54:31

    冒泡处理:也可以从字面意思理解为,气泡在水中会向上浮动。那么我们现在就解释什么是气泡浮动就好了。

    气泡:也就是所谓的触发事件。

    向上浮动:不仅会触发自身的事件,而且还会一级一级地向上浮动查找祖辈节点的同效果事件,直到根节点为止,没完没了。

    举例:在#div1 中有个子元素 #div2

    定义:#div1 的mouseout事件; #div2 的mouseout事件 

    效果:当触发#div2 的mouseout事件时,一定会触发#div1 的mouseout事件。因为#div2触发事件后,它还没完,还会向上一级级查找祖辈们有没有定义相同的mouseout事件,如果有就触发,这里显然有定义#div1的mouseout事件,而且#div1还是#div2的父辈元素,所以会触发#div1的mouseout事件。(这里说的有点多,显得有点累赘,主要是想让你能理解。)

    如果把mouseout事件 替换成 mouseleave事件就不会了,因为mouseleave事件,只会触发自身的事件,不会冒泡祖辈们,让他们安静一点。

    回覆
    0
  • 取消回覆