想要在HTML表單字段中捕獲“Enter”鍵

Question

我有一個HTML表單文本字段（這是一個表單字段），我想捕獲最終用戶放入該字段的整個文本以及按下新行的Enter鍵。如果我給出一個例子，讓我們假設，我將下面的字符串放在表單文本字段中，就像它在這里看到的一樣：

I 
Pressed
Enter for a new Line.

現在，我想將這個字段輸入保存到數據庫中，就像最終用戶填充它一樣，因為我的數據庫字符串可能如下所示

"I</br>Pressed</br>Enter for a new Line."

這對我來說很好。但我不想把它存儲起來，就像“我為一條新線路壓入”。

無論如何我已經完成了。但是我的編碼有很多問題。 此外，我的要求是它應該以這種方式實現，表明當表單打開進行編輯時可以應用相同的邏輯，並且數據庫中的該文本字段中已經存在值。

有人可以幫幫我嗎？

Answer 1

你可以使用replace()方法，

$("textarea").val().replace(/\n/g, "<br />")

編輯

function captureEnter() {
 if (window.event.keyCode == 13) {
    document.getElementById("txtArea").value =document.getElementById("txtArea").value + "<br/>";
    return false;
}
else {
    return true;
}
}

HTML

<textarea id="txtArea" onkeypress="captureEnter();"></textarea>

Answer 2

如果我理解正確，你想要在有人按下輸入type=text的input時捕獲，並用<br/>替換它。 如果是這樣，使用onkepress事件，並偵聽charcode 13，然后添加“
“手動。

var tf = document.getElementById('myTextFIeld'); 
//or whatever method to find it you prefer.
tf.onkeypress = function(e) { 
  //or addEventListener('keypress',...) if you'd rather
  if (e.charCode === 13) {
    this.value += '<br/>'
  }
}

Answer 3

你也可以用PHP和nl2br（）來做服務器端：

$thetext = nl2br($_GET['textarea']);

http://php.net/manual/en/function.nl2br.php