在jQuery中间隔后添加逗号到文本框

Question

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

示例

This, Is, A, Keyword

以下是此文本框的当前jQuery

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

Answer 1

你可以这样做：

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

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

Demonstration

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