jquery - 用于在输入键上提交表单且不刷新页面的 jquery 代码

Question

我正在尝试做一些类似于 facebook 上发生的事情。我需要为我的博客制作它。下面给出的这段代码的问题是它没有响应回车键，因此没有进一步的执行。但是当我简单地使用没有 ajaxForm 功能的输入键检查代码时，它会响应。

代码：

$('#msg').keypress(function(e){
   if (e.keyCode == 13 && !e.shiftKey) {
      //checking for enter key as well as shift+enter
      $(document).ready(function() { 
         $('#form1').ajaxForm(function() {
            //for from id=form1 submitting without refreshing the page
            $('#msg').val(''); //clearing out the textarea with id=msg
           //loading fetchposts.php in id=display with new posts
            $("#displaychat").load("fetchposts.php")
         }); 
      }); 
   }
});​

简而言之，我想要的是当按下回车键时，表单被提交并显示新结果而不刷新页面。

Answer 1

您的按键侦听器中有一个不必要的 document.ready 函数

在我的代码中，我已将按键侦听器附加到 body 元素。这应该够了吧

$('body').keypress(function(e) {
    if (e.keyCode == 13 && !e.shiftKey) {
        $('#form1').ajaxForm(function() { 
            $('#msg').val(''); 
            $("#displaychat").load("fetchposts.php") 
        });
    }
});​