1:通常情況下,我們在編寫彈框的時候都會出現一個蒙層,如果彈框沒有設置關閉按鈕,例如下圖,需要點擊除了彈框意外的任何地方,來關閉蒙層,這個時候怎么解決呢,首先難點在:彈框是包含在蒙層 div結構里面的,

image.png
div結構體如圖:

image.png
1:方法:比較靈活的方法是將 上層蒙層,和彈框分離開;

image.png
2:方法:使用stopPropagation
知識點:stopPropagation() 方法防止調用相同事件的傳播。傳播意味著向上冒泡到父元素或向下捕獲到子元素。從而點擊蒙層上面的彈框,組織事件往彈框層向他的父級傳遞事件:優(yōu)雅的解決問題!

image.png