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>');
}

See my code run

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事件时，您应该看到按下了什么键，只要键是Enter，只需在预览div的内容中添加<br>。

请在此处查看如何获取密钥代码：http://api.jquery.com/keyup/

传递文本值而不丢失输入（返回）值jquery

2 个答案: