Javascript 按enter键时不提交表单

当我按下搜索按钮时，我得到的结果很好。但当我按下回车键时，我也希望能够进行搜索

问题是当我按enter键时，它只是重新加载位置并转到

displaylist（）

。我怎样才能做到这一点

我有下面的html和JS代码

HTML

JS

$（文档）.ready（函数（）{
var-newURL；
var数据；
var detailPageUrl=“summary.html”；
var-mydata；
显示列表（detailPageUrl、mydata、newURL）；
$（“#基本搜索值”）.keydown（函数（e）{
if（this.value！=''）{
console.log（“this.value keydown”+this.value）；
$（“.search result”）.jqGrid（'GridUnload'）；
var searchInput=$（“#基本搜索值”）.val（）
$（“#pageTitle”）.html（“对“+searchInput+”的搜索结果”）
$（“#监视列表-b”）.remove（）；
$（“#监视列表-b1”）.remove（）；
$（“#监视列表-b2”）.remove（）；
SearchData=newURL+“/services monitor/GetQuickSearch？searchString=“+searchInput；
console.log（“SearchData”+SearchData）；
显示搜索结果（detailPageUrl、SearchData、mydata）；
jQuery（“.search result”）.trigger（“reloadGrid”）；
}否则{
console.log（“请输入要搜索的名称”+此.value）；
}
});
});

将按钮标签中的按钮类型更改为“提交”。

将按钮标签中的按钮类型更改为“提交”。

您能解释一下吗？因为我希望在单击按钮和按enter键时都能进行搜索-ThanksI已经在JSFIDLE中创建了javascript函数的精简版本。看一看。你能解释一下吗？因为我希望在单击按钮和按enter键时都能进行搜索-ThanksI已经在JSFIDLE中创建了javascript函数的精简版本。看一看。

<div class="input-group">
             <span class="input-group-btn">
               <button id="basic-search" class="btn btn-default " type="button" > <span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
           </span>              
           <input type="text"  id="basicsearchVal" class="form-control" placeholder="Enter a Ticker Symbol,CERT, BHCor a fragment of a Bank Name,." autocomplete="on">

</div>

$(document).ready(function () {

        var newURL;
        var SearchData;       
        var detailPageUrl ="summary.html";   
        var mydata;

        displaylist(detailPageUrl,mydata,newURL);

        $("#basicsearchVal").keydown(function(e) {
            if (this.value != '') {
               console.log( "this.value keydown " +this.value);
                $(".search-result").jqGrid('GridUnload');
                var searchInput = $("#basicsearchVal").val()
                $("#pageTitle").html("Search Result(s) for <span class='text-primary'>" +searchInput+ "</span>")
                $( "#watchlist-b").remove();
                $("#watchList-b1").remove();
                $("#watchList-b2").remove();
                SearchData =newURL +"/services-monitor/GetQuickSearch?searchString="+searchInput;
                console.log("SearchData " +SearchData);
                displaySearchResult(detailPageUrl,SearchData,mydata); 

                jQuery(".search-result").trigger("reloadGrid");

            } else {
                 console.log( "Please enter a Name to search" +this.value);
            }
        });





    });