捕获enter keyup事件，同时显示错误405：不允许的方法

Question

我在搜索输入上写了一个keyup事件，例如：

$("#searchbox").keyup(function(e){
    var curKey = e.which; 
    var text = $(this).attr("value");
    if(curKey == 13){
        $(".menu_tab").removeClass("menu_bg");
        $(".mainGreyBox").css("display","none");
        $("#aboutSearchResult").css("display","block");

    }else{
        var text = $(this).attr("value");
        console.log(text);
        $("#searchresult").empty();
        var SearchMan = new SearchModel().init(text); //显示search列表
        $(".global_acResults").show();
    }

输入搜索词然后按键盘上的enter时 ，我想显示一个id为“ aboutSearchResult”的新页面。但是我发现我要显示的页面闪过，然后该页面显示如下：

但是我不知道为什么，感谢您的帮助。

ps： #searchbox是输入元素。

Answer 1

您在文本框中按Enter键时生成的keydown事件未得到处理，并导致提交了input元素所属的表单（不希望将表单提交到的URI）它，因此错误）。

将事件处理程序绑定到keydown而不是keyup ，并包括

event.preventDefault();

在Enter的分支中（ curKey == 13 ）以防止其触发默认行为（提交表单）。