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

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

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

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

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

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

转载于:https://www.cnblogs.com/DreamerLeaf/p/10814906.html