如何使一个按钮默认在它的keydown

How to make a button as default on its keydown?

本文关键字:keydown 默认 何使一 按钮      更新时间:2023-09-26
<div class="input-group">
    <input type="text" id="srcSchtext" class="form-control" 
        runat="server" placeholder="Search here..." />
    <span class="input-group-btn">
        <asp:Button runat="server" ID="btnSearchEmployee" 
            Text="Search" class="btn btn-info"  />
    </span>
</div>

function OnEnter_press(e) {
    e = e || window.event;
    key = e.keyCode || e.which;
    if (key == 13) {
        $('[id$=btnSearchEmployee]').click();
        return true;
    }
}

每当我在文本框中输入文本并点击进入时,页面只是post back,每次我都必须将鼠标光标放在按钮上并单击它以获取结果。在文本框内按下回车键,我必须得到搜索结果,而不仅仅是回发。我试着调用OnEnter_press上的文本框按下键,这仍然只是回发。

你可以在那个键下设置一个onclick事件像这样:

<input type="button" onkeydown="myFunction()">

如何使一个按钮默认在它的keydown?

如果我正确理解你的问题,你想使用面板控件的DefaultButton

如果在文本框内按Enter键,btnSearchEmployee_Clic将在服务器端触发。

<asp:Panel ID="Panel1" runat="server" CssClass="input-group" 
    DefaultButton="btnSearchEmployee">
    <input type="text" id="srcSchtext" class="form-control"
        runat="server" placeholder="Search here..." />
    <span class="input-group-btn">
        <asp:Button runat="server" ID="btnSearchEmployee"
            Text="Search" class="btn btn-info" 
            OnClick="btnSearchEmployee_Click" />
    </span>
</asp:Panel>