Javascript 在jQuery中的空格后向文本框添加逗号

我需要创建一个脚本，当用户按下空格键时，在文本框中添加逗号和空格（逗号后）。 如果未插入文本，则不应添加逗号。我到处寻找解决办法

示例

This, Is, A, Keyword

这是我当前对这个文本框的jQuery

<script type="text/javascript">
   $('#tags').keyup(function(){
      this.value = this.value.toLowerCase();
   });
</script>

$（“#标记”）.keyup（函数（）{
this.value=this.value.toLowerCase（）；
});

您可以执行以下操作：

$('#tags').keyup(function(){
   var str = this.value.replace(/(\w)[\s,]+(\w?)/g, '$1, $2');
   if (str!=this.value) this.value = str; 
});

与天真的方法相反，如果用户继续键入并添加其他空格，它也会起作用

---

编辑：我更改为测试值是否更改，因为我想让用户使用箭头导航。

是否要在逗号之间的文本中添加类？比如让他们周围有一个蓝色的盒子，或者像堆栈溢出这样的东西？@ChristianRankin-没有文本区。然而，对于contentEditable，您可以做一些事情，比如插入一个带有必需类的span。啊，好的，我一定会检查一下。我正在使用它，并且想知道，如果用户在按空格键之前按Concentant放置逗号，是否要删除逗号？像

关键字，，

-->

关键字，（空格）