contenteditable div 在 webkit 中实际上不可编辑

Question

我有一个 div，其 contenteditable 属性设置为 true，但是，当我在其中输入文本时，它不会显示闪烁的光标或更新。我已经为focus、keydown 和keypress 添加了事件监听器，以查看div 是否正在接收它们，它是!

怎么可能所有适当的事件实际上都在触发，而 div 的内容却没有适本地更新自己？我没有做任何像阻止事件的默认行为那样时髦的事情。

此外，我之前在不同的项目中多次使用 contenteditable 工作得很好，所以我很确定这是由这个特定页面的 HTML 结构引起的一些错误。同样，这个问题只发生在 Chrome 和 Safari 中； Firefox 和 IE8 没问题。

Answer 1

好的，我想出了我的问题。我将 css 属性“-webkit-user-select”设置为无，在有问题的 div 层次结构的元素方式上。因此，它阻止了光标定位在我的 contentEditable div 中。

有趣的是，相应的“-moz-user-select”(我在层次结构中也设置为 none)不会以同样的方式影响 Firefox。