记录一个关于用js做蒙版的问题

 

需求：有五个tab，当页面还是视图模式的时候，数据只能查看，不能编辑。

说明：这里使用文本编辑器是CodeMirror

因为CodeMirror不能编辑的属性加了之后虽然不能输入，但是没有明显效果，所以考虑加蒙版。

 加一个空的div，然后给这个div加一个不透明的样式，给它设置宽高。本来没什么问题，但是我以为我每一个tab都可以用同一个div，去加样式，然后同样起到蒙版的效果。

但是我测试了一波，只用同个div行不通，可能是因为我点击其他tab的时候，第一个tab被隐藏了，它的div也就跟着被隐藏了，所以就算给它加了样式，也没有效果，只能每一个tab都加一个空的div，然后打开哪个的时候，就用对应的那个div。

对了，使用CodeMirror编辑器的时候，出现过光标永远都在中间的，可能页面有其他的样式冲突了，所以重新再加一个样式

样式

 循环加上或移除蒙版