最近开发一个JS的RichEdior在IE下遇到了点小麻烦,当我选中编辑区域中一段内容点击工具条上按钮时,编辑区域失去焦点,选中区域也就没了,折腾了一阵后才想起IE下每个可见元素都有OnFocus事件,都能获得焦点,我点击了按钮焦点转移到按钮,导致编辑器blur,后来看niceditor是将工具条所有元素设置了一个unselectable属性等于on,这样元素不但能不可选也没法获取焦点了,代码如下。
<div id="container" >
<div id="toolbar" unselectable="on">this’s toolbar</div>
<div id="editContent">
<iframe src="about:blank" style="border:1px solid #ccc; width:100%"
onload="this.contentWindow.document.designMode=’on’"></iframe>
</div>
</div>
<div id="toolbar" unselectable="on">this’s toolbar</div>
<div id="editContent">
<iframe src="about:blank" style="border:1px solid #ccc; width:100%"
onload="this.contentWindow.document.designMode=’on’"></iframe>
</div>
</div>
