输入键时获取输入文本的值答案

【问题标题】：get the value of input text when enter key输入键时获取输入文本的值
【发布时间】：2017-01-26 21:59:23
【问题描述】：

在这个 cod 中按下输入键时如何获取输入文本的值？ ..................................................... ....................

<body>
  <div id="center">
    <div id="boxtop"></div> 

    <div id="boxdown"> 
      <input type="text" id="txt"/>
      <button type="submit"  onclick="SaveData()" id="btn" >SEND</button>
    </div> 

  </div> 
  <script>
    function SaveData() {
        work = "insert";
        chat = $('#txt').val();
        $.ajax({
            type: "POST",
            url: "server.php",
            data: "work="+work+"&chat="+chat,
            success: function(msg){
                 $('#txt').val('');
                }
            });
        }
  </script>
</body>

【问题讨论】：

get the value of input text when enter key pressed的可能重复

标签： javascript html ajax

【解决方案1】：

您应该在按钮周围添加一个表单并输入。然后您可以使用

处理这两个事件

$('form').on('submit', function() {
    SaveData();
    return false;
});

【讨论】：

此代码用于 Ajax ！如果我的表单，我将重新加载我的页面
您可以在结尾使用return false; 取消活动；）或者您可以在开头使用event.preventDefault();。检查更新的答案。

【解决方案2】：

如果您想使用 ajax 函数触发事件，则不需要提交按钮。

$('form').on('submit', function(){
   preventDefault(); ....

为什么您提交表单然后阻止提交？

最好这样做：

   $(document).keydown(function (e)
    {
        if(e.keyCode == 13)
          SaveData();
    });

【讨论】：

【解决方案3】：

  $('#txt').keypress(function (e) {
      if(e.which == 13) {
          chat = $('#txt').val();
      }
  });

【讨论】：

我将此代码添加到第一个源，但没有工作
这是一个使用相同代码的小提琴。一旦您在输入内容后按回车键，它就会以您输入的文本发出警报。 jsfiddle.net/wf6o4wpf