捕獲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 ）以防止其觸發默認行為（提交表單）。