防止输入在内容可编辑的div中写入新行

Question

如何防止用户在 contenteditable div 中使用 enter 键编写新行？

到目前为止，我已经尝试过（我的可编辑 div 的 id 是editable：

$('#editable').on('keyup', function(e) {

    if (e.which == 13) {

        event.preventDefault();

    }

});

但是，这不起作用。

这可能使用 JS 和 jQuery 吗？

编辑

我被告知按 Enter 不会插入新行，所以我放了一张图片，显示当我在可编辑的 div 内按 Enter 时发生的情况。

我希望代码基本上保持在一行，即使用户按下回车键。

Answer 1

而不是keyup，使用keydown.const ediatble = document.querySelector('#editable');ediatble.addEventListener('keydown', e => {  if (e.key === 'Enter') {    e.preventDefault();  }});