передать текстовые значения без потери Введите (вернуть) значение jquery

Question

У меня есть текстовая область, в которую я поместил свой код, и ниже div, который показывает предварительный просмотр того, как пользователь печатает в текстовой области, проблема в том, что, если пользователь нажимает клавишу ввода, я теряю значение.Как я могу передать это значение ???Или я делаю неправильно мой метод

HTML

<textarea id="txtMessageFields"></textarea>
<div id="messagePreview"></div> 

JS

$(document).ready(initialize);

function initialize(){

    $messageValues = $("#messagePreview");
    $("#txtMessageFields").keyup(previewData);
}

function previewData() {

    $messageValues.html('');
    var aux = this.value;
    $messageValues.append('<p>' + aux + '</p>');
}

Смотри мой код запустить

Answer 1

Я сделал небольшое изменение в вашем коде, это то, что вам нужно?

function previewData() {

    $messageValues.html('');
    var aux = this.value.replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g,'<br>');
    $messageValues.append('<p>' + aux + '</p>');
}

http://jsfiddle.net/hfV7y/

Answer 2

Не очень понятно, что вы имеете в виду, теряя значение?Исчезает ли предварительный просмотр всего кода?У вашей ссылки jsfiddle есть какой-то другой код.

Я запустил ваш код в jsfiddle, и он работает, если не нажимать клавишу Enter, код предварительного просмотра все еще находится на одной строке.Вы должны видеть, какая клавиша нажата всякий раз, когда вызывается событие keyup, и всякий раз, когда клавиша вводится, просто добавьте <br> к содержимому div предварительного просмотра.

Смотрите здесь, как получить код клавиши: http://api.jquery.com/keyup/