禁止在ENTER上进行contenteditable添加<div>-Chrome

Question

我有一个contenteditable元素，每当我输入一些内容并点击ENTER它时，都会创建一个新元素并将<div>新的行文本放置在其中。我一点都不喜欢。

是否可以防止这种情况发生，或者至少将其替换为<br>？

这是演示http://jsfiddle.net/jDvau/

Answer 1

尝试这个$('div[contenteditable]').keydown(function(e) {&nbsp; &nbsp; // trap the return key being pressed&nbsp; &nbsp; if (e.keyCode === 13) {&nbsp; &nbsp; &nbsp; // insert 2 br tags (if only one br tag is inserted the cursor won't go to the next line)&nbsp; &nbsp; &nbsp; document.execCommand('insertHTML', false, '<br><br>');&nbsp; &nbsp; &nbsp; // prevent the default behaviour of return key pressed&nbsp; &nbsp; &nbsp; return false;&nbsp; &nbsp; }&nbsp; });