Javascript 执行空格操作后，将文本框内容放在span或li上

在stackoverflow中，是否有一种简单的方法可以执行类似于问题区域底部的标记编辑器的操作。
我需要一个字符串列表。因此，我计划制作一个文本框，按下空格键，内容被推入一个span或li标记，文本框被清空，并准备输入要推入的新内容。

HTML

<div id="container">
    <input type="text" id="tags"/>
</div>    

jQuery

$("#tags").keyup(function(event) {
  //alert(event.keyCode);
    if(event.keyCode=='32'){
        var tagname= $(this).val();
        if(tagname!=" "){
            var newtag= $("<span class='mytag'>"+tagname+"</span>");
            $(this).before(newtag);
        }
        $(this).val("");
    }
});

$（“#标记”）.keyup（函数（事件）{
//警报（事件键码）；
if（event.keyCode=='32'）{
变量标记名=$（this.val（）；
如果（标记名！=“”）{
var newtag=$（“”+标记名+“”）；
美元（本）。之前（新标签）；
}
$（此）.val（“”）；
}
});

我希望你想要这种行为

HTML

<div id="container">
    <input type="text" id="tags"/>
</div>    

jQuery

$("#tags").keyup(function(event) {
  //alert(event.keyCode);
    if(event.keyCode=='32'){
        var tagname= $(this).val();
        if(tagname!=" "){
            var newtag= $("<span class='mytag'>"+tagname+"</span>");
            $(this).before(newtag);
        }
        $(this).val("");
    }
});

$（“#标记”）.keyup（函数（事件）{
//警报（事件键码）；
if（event.keyCode=='32'）{
变量标记名=$（this.val（）；
如果（标记名！=“”）{
var newtag=$（“”+标记名+“”）；
美元（本）。之前（新标签）；
}
$（此）.val（“”）；
}
});

---

我希望你想要这种行为

我不需要自动完成。我以前试过使用一个文本框和一个empy ul，然后在每次空间活动中，我从文本框中获取内容，将其添加到ul中的li中，清除文本框。但是结果文本框的大小有问题，所以我想知道是否没有更简单的实现（比如在stackoverflow中，有跨距？）当你说“结果文本框的大小有问题”是什么意思？什么问题？当有很多li时，文本框会变小，所以我不知道如何干净地处理它，我不需要自动完成。我以前试过使用一个文本框和一个empy ul，然后在每次空间活动中，我从文本框中获取内容，将其添加到ul中的li中，清除文本框。但是结果文本框的大小有问题，所以我想知道是否没有更简单的实现（比如在stackoverflow中，有跨距？）当你说“结果文本框的大小有问题”是什么意思？什么问题？当有很多li时，文本框会变小，所以我不知道如何干净地处理是的，这是正确的行为，我做过类似的事情，但我对“Los Angeles”这样的空格词有问题，所以我在文本框中自动完成，捕捉点击事件而不是空格，然后我可以选择包含多个单词的表达式。是的，这是正确的行为，我做过类似的事情，但我对“Los Angeles”等空格的单词有问题，所以我在文本框中自动完成，捕捉单击事件而不是空格，然后我可以选择包含多个单词的表达式。