如何在jquery中按退格键导航全字或删除单词

Question

我想在jquery中按下退格键时删除带下划线的单词。而且我还想跳过光标在带下划线的单词之间导航。

以下是我尝试过的代码，

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

在运行时，我在这个格式中得到一个字符串"Hello;world;how;are;you"，我将它们与';'分开并逐个放入循环，这里我使用了5个不同的div。我的最终输出将带有加下划线的字符串，';'分隔，';'是我的分隔符。

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);

现在我想在按退格键时删除每个单词，我想用b / w导航按退格键。用户不应该能够编辑';'分隔的单词。