1:通常情況下,我們?cè)诰帉憦椏虻臅r(shí)候都會(huì)出現(xiàn)一個(gè)蒙層抚官,如果彈框沒有設(shè)置關(guān)閉按鈕扬跋,例如下圖悍及,需要點(diǎn)擊除了彈框意外的任何地方填渠,來關(guān)閉蒙層,這個(gè)時(shí)候怎么解決呢硼莽,首先難點(diǎn)在:彈框是包含在蒙層 div結(jié)構(gòu)里面的倍奢,
image.png
div結(jié)構(gòu)體如圖:
image.png
1:方法:比較靈活的方法是將 上層蒙層朴上,和彈框分離開;
image.png
2:方法:使用stopPropagation
知識(shí)點(diǎn):stopPropagation() 方法防止調(diào)用相同事件的傳播卒煞。傳播意味著向上冒泡到父元素或向下捕獲到子元素痪宰。從而點(diǎn)擊蒙層上面的彈框,組織事件往彈框?qū)酉蛩母讣?jí)傳遞事件:優(yōu)雅的解決問題!
image.png