按下enter键时不会追加jQuery换行符

Question

我有一个简单的textarea提交表单.我想在按下ENTER时强制换行.现在我可以让它识别何时按下例如keyCode 13.但是,它不会在输出的html中添加换行符.如何完成,如果是这样,将如何<br /><br />隐藏用户.谢谢

    <textarea cols="50" rows="7" id="textarea"></textarea>

    <p><div id="data"></div></p>


    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

    <script type="text/javascript">

        $('#textarea').bind('keyup', function(e) {

            data = $('#textarea').val()
            $('#data').html(data);

            if(e.keyCode==13){
                $('#data').append('<br/><br />'); // <--- This won't work
                }

        });

    </script>

Answer 1

试试这个:

$('#textarea').bind('keyup', function(e) {
    var data = $('#textarea').val();
    $('#data').html(data.replace(/\n/g,"<br />"));
});

演示:http://jsfiddle.net/efLxP/