Jquery如何在文本区域创建标签？

Question

我试图在我的网络应用程序中为我的用户提供一个文本区域，并且在文本区域中他们可以添加单词，当他们按下键盘上的空格按钮时，该单词将成为一个标签。每个单词本身没有空格。我想做的与 Stackoverflow 中的标签部分非常相似。我不需要自动完成或任何类似性质的东西。

当我开始开发此功能时，我在想，我会捕获键盘空间事件，并且之前的一个单词将突出显示，并且末尾会出现一个 x，如果他们单击 x，该单词将从中删除文本区域。有什么想法，什么事件？

if (event.which != 0 && event.charCode != 0)

{

}

Answer 1

我可能会绑定(bind)到keyup，然后检查空间，如果是空间，我会在文本区域上方创建一个div，其中将有一个可点击的“X”，类似这样的东西(显然你需要一些css来使它看起来不错并且您需要在文本区域上方放置一个高度为 auto 的容器 div 来附加标签而不是正文标签):

$("#foo" ).bind( "keyup", function() 
{
  if (event.which == 32)
  {
     var thisTagText = $('#foo').val();

     $('body').append('<div class="myTag">' + thisTagText + '<div onclick="removeTag();">X</div></div>'); 
  }
});