记录一个关于用js做蒙版的问题
需求:有五个tab,当页面还是视图模式的时候,数据只能查看,不能编辑。
说明:这里使用文本编辑器是CodeMirror
因为CodeMirror不能编辑的属性加了之后虽然不能输入,但是没有明显效果,所以考虑加蒙版。
加一个空的div,然后给这个div加一个不透明的样式,给它设置宽高。本来没什么问题,但是我以为我每一个tab都可以用同一个div,去加样式,然后同样起到蒙版的效果。
但是我测试了一波,只用同个div行不通,可能是因为我点击其他tab的时候,第一个tab被隐藏了,它的div也就跟着被隐藏了,所以就算给它加了样式,也没有效果,只能每一个tab都加一个空的div,然后打开哪个的时候,就用对应的那个div。
对了,使用CodeMirror编辑器的时候,出现过光标永远都在中间的,可能页面有其他的样式冲突了,所以重新再加一个样式
样式
循环加上或移除蒙版