防止输入在内容可编辑的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();

  }

});