水印设置父级鼠标事件失效

最近有这么一个需求，要求在特定的页面覆盖一层水印

而且要求不影响用户交互的操作，例如：点击

实现的方式就是一个css属性pointer-events

在水印的css里设置pointer-events: none;再设置一下透明度

就可以透过水印层点击其他触发用户交互了

1、使用方式：

在父级设置pointer-events: none;

在子级设置pointer-events: auto;

然后在父级绑定点击事件

当点击设置了pointer-events: auto;的子级时就会触发在父级绑定的事件