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

Question

如何防止用户在内容可编辑的内容中使用回车键写新行 div？

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

$('#editable').on('keyup', function(e) {
    if (e.which == 13) {
        event.preventDefault();
    }
});

但是这不起作用。

这可以使用 JS 和 jQuery 吗？

Edit

我被告知按 enter 键不会插入新行，所以我放了一张图片，显示当我在可编辑的 div.

中按 enter 键时发生的情况

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

Answer 1

而不是 keyup，使用 keydown。

const ediatble = document.querySelector('#editable');
ediatble.addEventListener('keydown', e => {
  if (e.key === 'Enter') {
    e.preventDefault();

  }
});

See example on JSFiddle

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

Prevent enter from writing new line in content edititable div

html

javascript

jquery

contenteditable