【问题标题】:How to make a button as default on its keydown?如何在其keydown上将按钮设为默认?
【发布时间】:2014-08-13 20:11:18
【问题描述】:
<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;
    }
}

每当我在文本框中输入文本并单击进入页面时,每次我都必须将鼠标光标移到按钮上并单击它以获得结果。在文本框中输入按我必须得到搜索结果而不仅仅是回发。我尝试在文本框的 keydown 上调用 OnEnter_press,它仍然只是回发。

【问题讨论】:

  • 默认是什么?您是否经常遇到按下按钮时触发其他按钮的按钮?例如点击 A 但按钮 B 动作发生了吗?
  • 我已经更新了问题,如果我不清楚,请告诉我
  • 包含单个输入的表单将在该输入中按下回车时自动提交。

标签: javascript jquery html asp.net


【解决方案1】:

您可以在该按键上放置一个 onclick 事件,如下所示:

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

【讨论】:

  • 在我在这里发布我的问题之前尝试了这个,但没有用,请查看我更新的问题
【解决方案2】:

如何将一个按钮设为其 keydown 的默认按钮?

如果我正确理解您的问题,您想使用 Panel 控件的 DefaultButton

如果您在 Textbox 中按 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>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-01-05
    • 1970-01-01
    • 1970-01-01
    • 2012-03-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多