-1

我正在寻找可以显示其下方文本区域中的文本的内容，而无需单击任何提交按钮。（就像下面的 Stackoverflow 预览）。我有 HTML 代码，但对 JavaScript 很陌生，所以如果有人能帮忙解决这个问题，我将不胜感激。

就像下面的图片

在此处输入图像描述

4

1 回答 1

1

纯Javascript：

 <input onkeyup="document.getElementById('demo').innerText='you typed ' + this.value">
 <div id="demo"></div>

您应该将标记和脚本分开并使用处理程序。这也可以使用纯（香草）javascript 来完成，但使用 jQuery 库更容易：http ://www.jquery.com

演示.js

jQuery(function($){
  $("#mytext").keyup(function(){
     $("#demo").text("You typed: " + this.value);
  });
});

演示.html

<html>
  <head>   
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script src="demo.js"></script>
  </head>
  <body>
    <input id="mytext"><div id="demo"></div>
  </body>
</html>
于 2012-08-18T09:43:45.403 回答