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

Question

how i can get the value of input text when enter key pressed in this cod ?在此 cod 中按下 Enter 键时，如何获取输入文本的值？ ..................................................................... ………………………………………………………………………………………………………………………………………………………… ……………………

<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>

Answer 1

You should add a form around your button and input.您应该在按钮和输入周围添加一个表单。 Then you can handle both events with然后你可以处理这两个事件

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

Answer 2

If you want to fire an event with ajax function you do not need submit button.如果要使用 ajax 函数触发事件，则不需要提交按钮。

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

Why you submit the form and then prevent submit?为什么你提交表单然后阻止提交？

It is better to do this:最好这样做：

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

Answer 3

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

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

问题描述

3 个解决方案

解决方案1
1 2017-01-26 22:03:53

解决方案2
0 2017-01-26 22:02:33

解决方案3
0 2017-01-26 22:05:51

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

问题描述

3 个解决方案

解决方案1 1 2017-01-26 22:03:53

解决方案2 0 2017-01-26 22:02:33

解决方案3 0 2017-01-26 22:05:51

解决方案1
1 2017-01-26 22:03:53

解决方案2
0 2017-01-26 22:02:33

解决方案3
0 2017-01-26 22:05:51