最近刚开发完一个新特性,碰见了很多问题,等有时间会依次做总结,其中有一个问题就是 html 元素的 contenteditable=false 在IE(edge)下,会偶现还是可编辑的情况,查了很多资料才了解到,原来在IE下,必须做其它处理:
假如有这样的代码:
<div contenteditable=true class="someDivStyle">
<span contenteditable=false class="someSpanStyle">aa</span>
</div>
在 chrome 下,是没有问题的,外面是一个可编辑的 div ,里面包裹了一个不可编辑的 span 元素;可是在IE下,这样写却会出问题,我们必须要改写成如下这样:
<div contenteditable=true class="someDivStyle">
<span contenteditable=true class="someSpanStyle">aa</span>
</div>
关键就是要把内部的元素 的 contenteditable 属性设为 true,才能保证里面的元素不可编辑;这真是个巨大的坑……