Question

我的问题是关于处理Enter键按下。我有一个名为“order.aspx”的页面，它位于母版页内。我在解释控制结构

1. <asp:TextBox ID="txtSearch" MaxLength="50" runat="server" Width="420px" CssClass="txtbox"></asp:TextBox>

2. <asp:Button ID="btnSearch" runat="server" OnClick="btnSearch_Click" />

3. one asp grid control with one column containing textbox for entering order quantity 

4. <asp:Button ID="btnOrder" runat="server" OnClick="btnOrder_Click" />.

我的要求是，

当用户在搜索文本框中输入文本并按回车键然后btnSearch_Click应该触发
当用户在网格文本框中输入数量并按回车键然后btnOrder_Click应该触发。

我试过不同的代码终于得到了答案，但它没有完全正常.Follwing是我用过的javascript代码。

function DoEnterKeyButtonClick(buttonId) {
     e = event;
     var code = (e.keyCode ? e.keyCode : e.which);
     if (code == 13) {
         document.getElementById('ctl00_CphMaster_' + buttonId).click();
         return false;
     }
}

我在按下txtSearch和网格文本框时调用此方法，并将Button id分别传递给fire事件btnSearch和btnOrder。当我在搜索文本框中输入文本并按下回车键时，btnSearch_Click正在触发，当我正在输入订单数量并按下回车键btnOrder_Click正在解雇。但问题是，在更改页面索引后说第二页所需的功能不起作用。那就是当我输入订单数量并点击回车键然后btnSearch_Click将首先开火，然后btnOrder_Click开火。这将清除输入的数量并导致错误。请帮助我......

谢谢， JOBY

Answer 1

而不是提供此document.getElementById('ctl00_CphMaster_' + btnSearch).click();

试试这个document.getElementById('<%= btnSearch.ClientID %>').click();

或尝试使用jquery

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

否则将控件放在asp：面板中，并将DefaultButton属性设置为btnSearch，如下所示

<asp:Panel ID="Panel1" runat="server" DefaultButton="btnSearch">
    <asp:TextBox ID="txtSearch" MaxLength="50" runat="server" Width="420px" CssClass="txtbox"></asp:TextBox>
    <asp:Button ID="btnSearch" runat="server" OnClick="btnSearch_Click" />
    </asp:Panel>

希望这会有所帮助。

非常感谢安娜

Answer 2

你的功能不知道究竟是什么。试试这个

function DoEnterKeyButtonClick(event,buttonId){}

Answer 3

我保留了以下方便的片段..

function getIntKey(key) {
    var keycode;
    if (key == null) { keycode = event.keyCode; } else { keycode = key.keyCode; }
    return keycode;
}

并使用它，就像这样..

$("#txtSearch").keyup(function(e){
  if(getIntKey(e) == 13){
     //Enter was pressed, do somthing
  }
});

响应<input />字段中的“enter”按键

3 个答案: