javascript - 防止 contenteditable 自动聚焦在 Chrome 上的 Enter 按键上

Question

我有一个 contenteditable div，我可以在上面控制某些键的行为。特别是，我有这个:

$('#my_contenteditable').on('keydown', function(e) {
  // Some code...
  if (e.key == 'Enter') {
    $(this).blur();
    e.preventDefault();
    return;
  }
  // Some more code...
});

但是在我模糊元素之后，当我再次按 Enter 时，Chrome 想要重新聚焦它。

JSFiddle demo here

我可以阻止这种行为吗？

Answer 1

if (e.keyCode == 13) {
    e.preventDefault()
    e.target.blur()
    window.getSelection().removeAllRanges()
}