Question

我正在使用一个用于基本WYSIWYG编辑的contenteditable iframe。我注意到在Chrome和Firefox之间处理Tab键按压事件的方式存在一些奇怪的差异。

使用designMode = 'On'配置iframe的文档后，在文档中按下的选项卡将跳转到Firefox中的下一个控件（预期），但在Chrome中创建以下前白色间距

<span class="Apple-tab-span" style="white-space:pre">   </span>

Here's an example

有趣的是，当使用body.setAttribute("contenteditable", "true")设置iframe的主体时，我假设这是以不同的方式完成的相同方法，两个浏览器都按照我的预期工作;将焦点移动到下一个标签索引。

任何人都可以解释原因吗？

Answer 1

我担心唯一的答案是“只是因为”。不要指望contenteditable中有什么可行的原因。我经历了数百次，没有人真正关心或有时间关心这一点。当你遇到像https://code.google.com/p/chromium/issues/detail?id=226941这样的错误时，对Chrome和用户的用户来说，这些错误会让用户感到非常恼火。 Opera甚至整年都没有得到开发人员的证实，那么 Tab 行为的一个小差异就是你需要修复和忘记的细节;）。

Answer 2

Use:
document.designMode = 'on';

Insted of 
body.setAttribute("contenteditable", "true")

使用webkit在一个contenteditable控件中按Tab键

2 个答案: