Javascript 如何在jquery中按backspace键浏览完整单词或删除单词

我想在jquery中按backspace时删除带下划线的单词。我还想跳过光标，在带下划线的单词之间导航

这是我试过的代码

 <div id = "EditableDiv" contenteditable = "true" class = "size"></div>

---

现在，我想删除按backspace键时的每个单词，并在b/w中导航按backspace键时的单词。用户不能编辑

；”的单词分离。
在过去的15分钟里，我一直在努力，只实现了这一点（）希望你能继续下去..哦，太好了，praveen，我真的感谢你的努力。谢谢分享信息。我将努力实现自己。非常感谢您提出的问题：如何防止带下划线的文本不可编辑？即用户应该能够将光标保持在那里？有办法吗？
var dvHTML = ''
  dvHTML = '<div contenteditable = false>' + '<u>' + 'Hello' + '</u>' + ';' + '</div>';
  $("#EditableDiv").append(dvHTML);

  dvHTML = '<div contenteditable = false>' + '<u>' + 'World' + '</u>' + ';' + '</div>';
  $("#EditableDiv").append(dvHTML);

  dvHTML = '<div contenteditable = false>' + '<u>' + 'How' + '</u>' + ';' + '</div>';
  $("#EditableDiv").append(dvHTML);

  dvHTML = '<div contenteditable = false>' + '<u>' + 'are' + '</u>' + ';' + '</div>';
  $("#EditableDiv").append(dvHTML);

  dvHTML = '<div contenteditable = false>' + '<u>' + 'you' + '</u>' + ';' + '</div>';
  $("#EditableDiv").append(dvHTML);