输入密钥时获取输入文本的值

时间:2017-01-26 21:59:24

标签: javascript html ajax

当输入在此鳕鱼中按下的键时,我如何获得输入文本的值? .................................................. ...................

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

3 个答案:

答案 0 :(得分:1)

您应该在按钮和输入周围添加表单。然后你可以用

处理这两个事件
$('form').on('submit', function() {
    SaveData();
    return false;
});

答案 1 :(得分:0)

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

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

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

最好这样做:

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

答案 2 :(得分:0)

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