文本框中的Javascript变量_Javascript

文本框中的Javascript变量

javascript

文本框中的Javascript变量,javascript,Javascript,当你点击enter或submit在文本框中输入任何内容时，你会如何使你输入的内容显示在文本框下。然后文本框就会清除，这样你就可以写更多的东西，比如Facebook上的评论功能我不希望它是一个弹出窗口谢谢 <!DOCTYPE html> <html> <body> <input onclick="myFunction()" type="text"> <script> function myFunction() { var

当你点击enter或submit在文本框中输入任何内容时，你会如何使你输入的内容显示在文本框下。然后文本框就会清除，这样你就可以写更多的东西，比如Facebook上的评论功能

我不希望它是一个弹出窗口

谢谢

<!DOCTYPE html>
<html>
<body>


<input onclick="myFunction()" type="text">

<script>

function myFunction()

{

var x;

var person=prompt("Please enter your name");

if (person!=null)



</script>
<p id="demo">

<script>
function myFunction()

{
x="Hello " + person;
document.getElementById("demo").innerHTML=x;
}
}
</script>

</body>
</html>


函数myFunction（）
{
var x；
var person=提示（“请输入您的姓名”）；
if（person！=null）

函数myFunction（）
{
x=“你好”+人；
document.getElementById（“demo”）.innerHTML=x；
}
}

看起来您只需要使用

+=

而不是

，来添加新文本，而不是每次都覆盖内容…

我不知道这是否是复制/粘贴错误，但有很多错误：

你不能那样分割你的javascript

使用

+=

而不是

函数myFunction（）{

varx；
var person=提示（“请输入您的姓名”）；
if（person！=null）
x=“你好”+人；
document.getElementById（“demo”）.innerHTML+=（x+“
”）；
}

您可以使用jQuery，看看最简单的，下面是代码的一部分：

$('input').on('keyup', function (e) {
  if ((e.keyCode || e.which) == 13) { 
     // if enter pressed - get text 
     var text = $(this).val();
     // append
     $('div').append('<p>' + text + '</p>');
     // and clear the field
     $(this).val('');
  }
});

$（'input'）。在（'keyup'，函数（e）上{
如果（（e.keyCode | | e.which）==13）{
//如果按enter键，则获取文本
var text=$（this.val（）；
//附加
$（'div'）。追加（''+text+''）；
//清理场地
$（this.val（“”）；
}
});

$('input').on('keyup', function (e) {
  if ((e.keyCode || e.which) == 13) { 
     // if enter pressed - get text 
     var text = $(this).val();
     // append
     $('div').append('<p>' + text + '</p>');
     // and clear the field
     $(this).val('');
  }
});