如何使用javascript分离输入中的单词？

有没有办法使用Javascript或Jquery库来分隔输入中的单词？
例如，一个人有多个兴趣，每次他使用空格或按enter键将两个兴趣分开时，每个兴趣都会被一个框包围

---

或者以其他方式，就像这里的标签一样，每个标签都由一个框分隔

这里要查看的另一个选项是select2‎

在按键事件中检测enter键并防止默认设置，然后进行包装

编辑：a

$（文档）.ready（函数（）{
$（“输入”）。在（“按键”，功能（e）{
如果（e.which==13）{
e、 preventDefault（）；//如果需要，可将外带回车
boxUp（）；
}
});
});
函数boxUp（）{
val=$（“#输入”）.val（）；
$（“#结果”）.append（“+val+”）；
v$（“#输入”）.val（“”）；
}

最好使用现有的库，如

    $(document).ready(function(){
    $("input").on("keypress", function(e){
        if(e.which == 13){
           e.preventDefault(); //take away carriage return if needed
            boxUp();
        }
    });
});
function boxUp(){
    val = $("#input").val();
    $("#result").append("<div>" + val + "</div>");
    v$("#input").val("");
}