使用JQuery Key按下以获取textarea数据并在跨度中显示

时间:2011-11-04 07:16:28

标签: html jquery keypress

我想抓住用户输入的内容并在textarea上方的范围内显示。但是我如何抓住输入/返回键(keyCode 13),并将其正确插入到跨度中,以便在textarea中换行,是跨度中的换行符(
)。

 $('#InviteMessage').keyup(function(event)
    {
        var enter = "";

        //if(event.keyCode = '13')
            //enter = 'br />';

        var text = $(this).val() + enter;

        //replace all the less than/greater than characters

        if(text == '')
            $('#message').html('[Your personal message]');
        else
            $('#message').html(text);
        }
    );

#InputMessage是textarea而#message是它上面的跨度。

1 个答案:

答案 0 :(得分:4)

你可以简单地做......

text = text.replace(/\n/g, '<br />');

或在white-space: pre上使用span,在这种情况下,span应该是div