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

Question

有没有办法使用 Javascript 或 Jquery lib 分隔输入中的单词？
例如，某人有多个兴趣，并且每次他使用空格或按输入框将两个兴趣分开时，将每个兴趣都包围起来

或者换句话说，就像这里的标签一样，每个标签都被一个框隔开。

Answer 1

这里要研究的另一个选项是 select2 http://ivaynberg.github.io/select2/ ‎</p>

Answer 2

在按键事件中检测回车键并防止默认，然后进行包装。

编辑：先生的小提琴

    $(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("");
}