触发asp.net链接按钮点击回车键

Question

我有 2 个 asp 文本框，如果在 2 个文本框中的任何一个上按下 Enter 键，我会附加 jQuery 来触发链接按钮服务器端单击。但这似乎不起作用，请帮我解释一下我做错的地方和内容。我需要一个适用于所有主要浏览器 [IE7,8,9]、[Firefox 3,4]、Safari[4,5] 的解决方案。

这是我的代码，

<script language="javascript" type="text/javascript">
function GC_PostBack() {
    jQuery('#<%=lnkSubmitGiftCardNumber.ClientID%>').trigger("click");
}

在服务器端 pn Page_Load 上，我将此函数附加到文本框的 onkeypress 事件。

 if (!IsPostBack)
    {
        txtGiftCardNumber.Attributes.Add("onkeypress", "if(window.event.keyCode == 13) { GC_PostBack(); }");
        txtGiftCardPin.Attributes.Add("onkeypress", "if(window.event.keyCode == 13) { GC_PostBack(); }");
    }

我尝试使用 .click() 而不是 .trigger("click")，但无济于事。请帮忙！

谢谢。

Answer 1

Alison 是正确的，如果您想像现在一样使用 jQuery，只需执行以下操作：

<script language="javascript" type="text/javascript">
    function GC_PostBack() {
        jQuery('#<%=lnkSubmitGiftCardNumber.ClientID%>').click();
    }
</script>

编辑：

如果您使用 jQuery，为什么不使用 jQuery 来完成这一切呢？目前，您所拥有的内容无法跨浏览器运行按键事件。我建议这样的事情：

(function() {

    $('input[id$="txtGiftCardNumber"], input[id$="txtGiftCardPin"]')
        .keypress(function(e) {

            var keyCode;

            if (window.event) keyCode = window.event.keyCode;
            else if(e) keyCode = e.which;
            else return true;

            if (keyCode == 13) {

                $('[id$="lnkSubmitGiftCardNumber"]').click();
                return false;

            } else return true;

        });

});

Answer 2

以下将触发回发：

document.getElementById('<%= lnkSubmitGiftCardNumber.ClientID %>').click();

Answer 3

您可以在这里找到正确的答案： http://johanleino.wordpress.com/2010/05/05/using-jquery-to-trigger-click-event-on-linkbutton/

问题是 jQuery click 方法不会唤起链接按钮的 href。您必须“评估”“href”属性的内容。

Answer 4

我知道这是一篇旧帖子，但可能还有像我一样的其他人仍在寻找答案。我已经尝试过这段代码，它对我来说效果很好。检查“Enter key”是相同的，但使用 __doPostBack() 而不是 click()。

__doPostBack('<%=lnkSubmitGiftCardNumber.UniqueID%>', '');

Answer 5

<asp:LinkButton ID="LinkButton1" OnClick="LinkButton1_Click"runat="server">G</asp:LinkButton>

  $(document).keypress(function (e) {
        if (e.which == 13) {
            javascript: __doPostBack('LinkButton1', '')
        }
    });

Answer 6

您可以使用 JQUERY 在客户端进行所有操作。假设 txtGiftCardNumber 有 txtGiftCardNumberID 作为 ID，在这种情况下，您可以将 keydown 关联起来，这是一个比 IE 按键更好的事件

  $('input:text[id$=txtGiftCardNumberID ]').keydown(function (event) {
           if (event.keyCode == '13') {
            $('#'+<%= lnkSubmitGiftCardNumber.ClientID %>).click();
            }
        }
    });