防止在contenteditable元素中突出显示文本时将其删除

Question

在一个内容可编辑的h1标签中，当文本突出显示并按Enter键时，我试图使事件触发，但不删除文本并插入新行。

我正在尝试使用以下JavaScript实现此目标：

document.bind('keyup', function(ev) {
  if(ev.keyCode == 13) {
    //do something instead of erasing text
    ev.preventDefault();
  }
}

但是当我按Enter键时，突出显示的文本似乎仍然具有焦点，擦除并插入新行。

突出显示文本时，有什么方法可以防止这种情况吗？

Answer 1

keyup事件为时已晚。 而是使用keydown事件来执行此操作。 另外， document.bind不是正确的语法，并且会引发错误。 您需要使用addEventListener()代替：

document.addEventListener('keydown', function(ev) {
  if(ev.keyCode == 13) {
    //do something instead of erasing text
    ev.preventDefault();
  }
}, false);