按下Enter键时，返回false不会停止重新加载页面

Question

在过去的整个一周中，我都竭尽全力阻止页面重新加载，但无济于事。

这是我的网站的链接： www.sample.com

在页面中，请向下滚动并查找该名称（了解家教），然后键入您在右侧找到的任何名称。等：keren，satish并按Enter。如果单击“ Go”，则该名称有效。 但是当按下回车键时，页面会重新加载。我什至尝试禁用所有其他脚本来查看是否有任何脚本导致页面重新加载，但是即使在删除了指向所有其他脚本的链接后，它仍然会重新加载。

按下回车键时，我上面的“了解家教”脚本。

$(function () {
        $('#tutor').keypress(function (event) {
            if (event.which == 13) {
              alert("enter pressed");                
              $.when(
              $.get('/search/tutor_name.php?name='+name,function(data){
                   globalStore.data = globalStore.data.concat(data);
                   console.log(data);
              },"json")
              ).then(function() {
              for (i = 0; i < globalStore.data.length; i++) {
              ...show stuff here....
             }
             //this is to stop page reload
              return false;
              });
         }
     });
    //this is to stop page reload
              return false;
});

Answer 1

尝试使用event.preventDefault(); 可能对您有帮助。

     $('#tutor').keypress(function (event) {
            event.preventDefault();
....................................

Answer 2

您必须从处理Enter键的块中返回false：

    $(function () {
        $('#tutor').keypress(function (event) {
            if(event.which == 13){
               alert("enter pressed");                
              $.when(
              $.get('/search/tutor_name.php?name='+name,function(data){
                globalStore.data = globalStore.data.concat(data);
                console.log(data);
              }
              ,"json")
              ).then(function() {
              for (i = 0; i < globalStore.data.length; i++) {
             console.log("in loop");
             }
              });
         return false;
         }
     });

});