阻止在 ENTER 上添加内容编辑<> - Chrome

javascript jquery html google-chrome contenteditable

2022-08-30 02:12:40

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

是否有可能防止这种情况发生，或者至少用一个替换它？<br>

注意：这在火狐中不是问题。

答案 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;
    }
});

点击此处观看演示

答案 2

将样式添加到，它不会生成，并在 Chrome 中自动生成。display:inline-block;contenteditabledivpspan