IE10 不支持 pointeEvents
可以在元素被点击时，判断水印是否是 target，如果是进行阻止就行了。
根据你提供的JavaScript，都是用于阻止点击事件冒泡的，理论上就是阻止了点击行为。
所以你的问题应该是已经被解决才对。
另外，这两个保留上面那一个可以了，下面那个重复可以删除
相关知识
preventDefault
stopPropagation
cancelBubble（支持低版本的IE）
在我这里看是可以遮掉的……如果只是个浮动的遮蔽层显示内容的话，建议你用JQUERY+lightbox，jquery是库，lightbox是插件，实现起来很方便，不会有那么多问题需要自己调试。
需要使用到js，获取到点击按钮声明一个变量为 var flag = false
当点击时 if(！flag){ flag = true ， 把要显示的元素设置display为none}else{ flag= false， display设置为block}
