jquery - 如何使在输入中键入的文本出现在单独的 div 中

Question

我有一个输入字段和一个单独的段落。现在如何让在输入中键入的文本也出现在段落中。？

HTML代码

<input type="text" />
<p>facebook/<span>your.username</span> </p>

CSS

input{
    width: 300px;
    height: 30px;
}
span {
    font-weight: bold;
}

Answer 1

使用keyup事件:

$(function() {
    $('input').on('keyup', function() {
        var username = $(this).val();

        if(username.length > 0) {
           $('p > span').html(username);
        } else{
           $('p > span').html('your.username');
        }
    });
});

请参阅工作 jsfiddle:http://jsfiddle.net/VDesign/yqt8tx3b/2/