如何设置默认按钮 Html javascript

Question

我在一种形式中有 2 个按钮：

<input type="text" id="txtSearch" maxlength="250" placeholder="Enter Search" style="height: 42px; padding-right: 36px;" runat="server" />
<button type="submit" onserverclick="btnSearch_Click" id="btnSearch" runat="server"></button>

<input type="text" id="_searchKeyword" maxlength="250" placeholder="Search Term" style="height: 42px; padding-right: 36px;" runat="server" />
            <button type="submit" onserverclick="SearchButton" id="btnSearchNoResult" runat="server">
            </button>

我的 JavaScript：

$("#txtSearch").keyup(function (event) {
  if (event.keyCode == 13) {
    $("#btnSearch").click();
  }
}); 
$("#_searchKeyword").keyup(function (event) {
  if (event.keyCode == 13) {
    $("#btnSearchNoResult").click();
  }
});

如果我在 _searchKeyword 输入文本上键入，然后按 Enter 按钮，我会得到 txtSearch 输入文本的值。如何通过输入而不是 txtSearch 的值获取 _searchKeyword 输入文本的值？

Answer 1

您需要在每个输入中添加类似于以下代码的内容..

对于 txtSearch...

onkeydown="if(event.keyCode == 13) doTxtSearch()"

对于搜索关键字...

onkeydown="if(event.keyCode == 13) doSearchKeyword()"

下面的完整代码更改......

    <input type="text" id="txtSearch" maxlength="250" placeholder="Enter Search" style="height: 42px; padding-right: 36px;" runat="server" onkeydown="if(event.keyCode == 13) doTxtSearch()"/>
    <button type="submit" onserverclick="btnSearch_Click" id="btnSearch" runat="server"></button>

    <input type="text" id="_searchKeyword" maxlength="250" placeholder="Search Term" style="height: 42px; padding-right: 36px;" runat="server" onkeydown="if(event.keyCode == 13) doKeywordSearch()"/>
    <button type="submit" onserverclick="SearchButton" id="btnSearchNoResult" runat="server">
    </button>


    function doKeywordSearch()
    {
        //do Keyword Search stuff here
    }

    function doTxtSearch()
    {
        //do Text Search stuff here
    }