html - 如何插入当用户点击“Enter”或“Return”时，文本字段中的标签？

Question

在我的应用程序中，用户可以在他的个人资料中填写有关他的某些信息。例如，我有一个关于部分，用户可以在其中写一段关于他的生活的段落。现在，如果用户键入任何内容并保存输入，它会显示为一个段落。我想要它，这样如果用户点击回车，它应该在<p>显示内容时添加一个标签。

更新

以这个问题为例。当我输入问题并按 Enter 键时

此文本出现在新行上

这就是我要的！

Answer 1

您不必处理输入键。

假设您将 textarea 值作为字符串获取str。

当你显示它时，只需用<p>

//`str` is textarea value
var str = document.getElementById("myTextarea").value;

var lines = str.split(/\r?\n/);
// create html
var html="";
for(var i=0;i<lines.length;i++){
    html+='<p>'+lines[i]+'</p>';
}

// use html here showing inside some div
var divEl = document.getElementById("myDiv");
divEL.innerHTML = html;

Answer 2

我不知道您到底要什么，但是您可以通过这样做（使用 jquery）拦截输入上的 Enter 键。

$(".yourinputid").keyup(function (e) {
    if (e.keyCode == 13) {
        // Manipulate the DOM
    }
});

我对<p>标签部分有点困惑。你到底想做什么？

Answer 3

在nl2br()POST 值服务器端（如果在 PHP 上；其他语言的等价物应该可用）或String.replace()textarea 值客户端使用。