关于如何实现事件穿透效果的解决办法

      　　　　　　关于如何实现事件穿透效果的解决办法

在作一个播放视频的功能时候，需求代表须要实现给视频添加蒙层，同时点击视频任何地方能够实现视频的播放/暂停效果。

video播放视频是一个比较坑的东东，这个需求的实现办法就是在body里写一个标签，用于模拟蒙层，同时对这个盒子进行事件穿透效果实现。

对盒子进行css样式设置：pointer-events: none;设置以后，点击盒子直接穿透触发视频播放/暂停事件。

若是须要实现上下两层元素点击都有当前事件绑定，只须要在须要得到点击的上层元素的子元素中加入样式：pointer-events: auto;