jQuery onInput 识别换行符

Question

为了提供条目的预览，我使用了 jQuery，如下所示

$('#text').on('input',function(){
    $('#previewText').html($('#text').val());
});

#text是一个文本区域和#previewText一个简单的<p>

它工作得很好，除了一点:当我点击 ENTER 时它无法识别.它不是想要的换行符，而是简单地写在同一行上。

有没有可能用这种方法实现换行符的识别？

Answer 1

从此更改您的代码:

$('#text').on('input',function(){
    $('#previewText').html($('#text').val());
});

为此:

$('#text').on("input", function () {
        $('#previewText').html($(this).val().replace(/\n/g, "<br/>"));
});

Here is the JSFiddle demo

修改后的代码所做的是替换换行符 "\n"至 "<br/>"这是标准换行符的HTML 版本。