显示用户在正文中键入的内容

时间:2015-06-14 18:05:55

标签: javascript jquery events event-handling

我有一个代码,我希望在用户在{{1}}中键入内容并按回车键后,屏幕上会显示他输入的内容。但是我无法做到这一点,我在这里得到一些帮助。

{{1}}

1 个答案:

答案 0 :(得分:0)

  

它只会在屏幕上添加一个值,不止一个,我需要它   创建一个数组

  1. 你有主要组件工作。即,您正在更新屏幕。要仅在enter上更新,只需将代码放在keypress处理程序
  2. 要将值附加到屏幕(在多个enter的情况下),请将当前innerHTML与值
  3. 连接起来

    
    
    $(document).ready(function() {
      $("p").click(function() {
        $(this).hide();
      });
    });
    
    $('#userInput').keypress(function(e) {
      if (e.which == 13) {
        var userInput = document.getElementById('userInput').value;
        var innerHTML = document.getElementById('userMsg').innerHTML;
        innerHTML = innerHTML || '';
        document.getElementById('userMsg').innerHTML += innerHTML + userInput;
      }
    });
    
    <title>Tasks for the day</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    
    <h1>Tasks to do</h1>
    
    <p>Type what you need to do:</p>
    
    <input type="input" id="userInput" onkeyup=showMsg() value="" />
    <p id="userMsg"></p>
    &#13;
    &#13;
    &#13;