为什么 contentEditable 元素拒绝 Enter 键？答案

【问题标题】：Why does contentEditable element reject the Enter key?为什么 contentEditable 元素拒绝 Enter 键？
【发布时间】：2009-01-11 12:16:11
【问题描述】：

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

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

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

有人知道是什么原因造成的吗？

谢谢，
分裂者

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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

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

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

【讨论】：