關於如何實現事件穿透效果的解決辦法

      　　　　　　關於如何實現事件穿透效果的解決辦法

在作一個播放視頻的功能時候，需求代表須要實現給視頻添加蒙層，同時點擊視頻任何地方能夠實現視頻的播放/暫停效果。

video播放視頻是一個比較坑的東東，這個需求的實現辦法就是在body裏寫一個標籤，用於模擬蒙層，同時對這個盒子進行事件穿透效果實現。

對盒子進行css樣式設置：pointer-events: none;設置以後，點擊盒子直接穿透觸發視頻播放/暫停事件。

若是須要實現上下兩層元素點擊都有當前事件綁定，只須要在須要得到點擊的上層元素的子元素中加入樣式：pointer-events: auto;