jquery - 从文本区域向段落添加换行符

Question

我有一个textarea用户在其中输入消息的框，然后输出到 paragraph标记。
我成功捕获了文本，但似乎无法捕获换行符。
heres my fiddle

理想情况下是字符串替换，例如 <br/>或\n就是我一直在寻找的。
任何帮助将不胜感激，谢谢。

var txtBox = $('#myTextArea');
var txt = txtBox.val();

txtBox.keyup(function(){
        txt = txtBox.val();
        $('p.msg').html(txt);
});

txtBox.keydown(function (e) {
        var keyCode = e.keyCode || e.which;
        if (keyCode == 13) {
                $('p.msg').append('<br />');//ApplyLineBreaks(txt);
        }
});

和标记

<textarea id="myTextArea" class="form_0" name="Enter your message" type="text"></textarea>
<p class="msg" style="text-align: center;">msg here</p>

Answer 1

您只需使用 keydown 事件即可做到这一点:

var txtBox = $('#myTextArea');
txtBox.keydown(function(e){
    var that = this;
    setTimeout(function(){
        $("p.msg").html(that.value.replace(/\n/g,"<br />"));
    },10);
});

http://jsfiddle.net/NJwhC/3/

setTimeout 很重要，它允许在访问 this.value 之前对其进行填充。