用jQuery在DIV中自动换行

Question

我想把前面的字符串(在每个逗号之前)包装在div标签中，就像在stackoverflow上搜索标签一样。

这是一个关键字，另一个，关键字

this is a keyword
another
keyword

为此，我如何检测逗号键是否被按下？

keyup(function(e) {});

jsFiddle

Answer 1

这应该行得通。

http://jsfiddle.net/2cWvC/1/

$("input").keydown(function(e){
    var keys, html;
    if (e.keyCode == 188) { 
        keys = this.value.split(',');

        html = $.map(keys, function(key) {
            return '<div>' + key + '</div>';
        }).join('');     

        $('#result').html(html);
    }
});

Answer 2

你的意思是这样的吗？(working jsFiddle)

$('input').keyup(function(e) {
     $('#result').html('');
    var valueArr = $(this).val().split(',');

    for(var i=0; i<valueArr.length; i++){
        $('#result').append('<div>'+valueArr[i]+'</div>')
    }
});

这将通过分隔符'，‘将输入中的字符串分解为多个部分，并将每个部分分配给一个<div>