html - 为什么 contentEditable 元素拒绝 Enter 键？

Question

我正在使用嵌入 IE 控件来显示内容的应用程序。我将该内容更改为包含一个<div contentEditable="True">Hello World</div>元素。这很好用，我可以编辑这个 div 的内容，但是按 Enter 会被拒绝并发出哔声。

当我向该页面添加 textarea 元素时，Enter 键起作用，我可以添加行，但不能在 contentEditable 元素中添加。

当我将事件附加到该元素时，我看到按下 Enter 键会触发 keyDown 事件，但不会触发 keyPress。

任何人都知道可能导致它的原因吗？

谢谢，
刺客

Answer 1

大多数 HTML 元素忽略空格。在任何 DIV 或类似元素中包含 \r 或 \n 将被忽略。

Answer 2

我已经在 IE 和 Firefox 中检查过它运行良好

Answer 3

您将 keydown 事件附加到文档的其他地方。

document.addEventListener('keydown', handle, false);

删除它或将 keydown 事件添加到可编辑的 stopPropagation。

$('#target').keydown(function(e) {
 e.stopPropagation();
});