javascript - 防止 contenteditable 在 ENTER 上添加 - Chrome

Question

我有一个 contenteditable元素，每当我输入一些东西并点击 ENTER它创建了一个新的 <div>并将新行文本放在那里。我有点不喜欢这个。

是否有可能阻止这种情况的发生，或者至少用 <br> 代替它？ ？

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

注意:这在 firefox 中不是问题。

Answer 1

试试这个:

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

Click here for demo