2

我有一个简单的表格

<asp:TextBox ID="txtUsername" runat="server" CssClass="watermarkOn" TabIndex="1" />
<asp:TextBox ID="txtPassword" runat="server" TextMode="Password" CssClass="watermarkOn" TabIndex="2" />
<asp:LinkButton ID="btnLogin" runat="server" CssClass="imgbtn_login" TabIndex="3" Text="login" onclick="btnLogin_Click" CausesValidation="false" />

使用以下 jQuery

$(document).ready(function () {
    $("#<%=txtUsername.ClientID %>").keydown(function (event) {
        if (event.keyCode == 13) {
            eval($("#<%=btnLogin.ClientID %>").attr('href'));
        }
    });
    $("#<%=txtPassword.ClientID %>").keydown(function (event) {

        if (event.keyCode == 13)
        {
            eval($("#<%=btnLogin.ClientID %>").attr('href'));
        }
    });
});

这在 FF、IE7、IE 9、Chrome、Safari 中运行得非常好……除了一个例外。某些 IE8 安装它适用于用户名框，但不适用于密码框。有谁知道为什么会这样。我没有看到有关密码框行为差异的任何文档。

更新

我也尝试过 keyup 和 event.which，它们都不起作用。用户名框工作正常，但密码框不会像应有的那样触发。

4

2 回答 2

3

在 IE 中，直接在密码字段上附加按键处理程序对我也不起作用，但您可以将其附加到其父级：

<script type="text/javascript">
$("#loginForm").keypress(function(e) {
    if (e.keyCode == $.ui.keyCode.ENTER) {
        // do your thing :)
    }
});
</script>

<form id="loginForm" action="...">
  <input type="text" id="username" value="" />
  <input type="password" id="password" />
  ...
</form>
于 2012-10-09T10:00:56.273 回答
2

如果您使用 jQuery（您是 :)）尝试（而不是 keyCode）使用which：

jQuery 规范 event.which，具体取决于浏览器是否支持 event.which、event.keyCode 或 event.charCode：

if (event.which == 13) {

在这里您可以找到更多信息：http ://unixpapa.com/js/key.html （查看：3. 识别密钥）

于 2012-06-28T23:04:39.427 回答