如何在仍然允許javascript運行的同時防止回發？

Question

此Asp.Net頁的一部分包含以下內容：

<asp:Panel runat="server" DefaultButton="get">
    Enter Employee Name or Click Search to Return All:
    <asp:TextBox runat="server" ID="participant" ></asp:TextBox>
    <asp:Button runat="server" ID="get" UseSubmitBehavior="false" Text="Search" />
</asp:Panel>

以此為動力：

$(document).ready(function () {
            $("#get").click(function (e) {
                e.preventDefault();
                document.getElementById('<%= userTable.ClientID %>').style.display = "block";
                getUserNames();
            });
            $("#content_contentPlaceHolder_participant").keypress(function (event) {
                if (event.keyCode == 13) {
                    $("#get").click();
                }
            });
        });

除Chrome之外，此功能均可在其他地方使用。 使用Enter鍵在Chrome中提交此字段會導致整個頁面重新加載。

我嘗試在后面的代碼中添加此代碼，但它阻止了javascript觸發：

participant.Attributes.Add("onkeydown", "return (event.keyCode!=13);");

如何解決此問題，以便Enter鍵不會導致回發，但仍會觸發JS？

Answer 1

我通過添加一個額外的preventDefault()解決了該問題。

$(document).ready(function () {
        $("#get").click(function (e) {
            e.preventDefault();
            document.getElementById('<%= userTable.ClientID %>').style.display = "block";
            getUserNames();
        });
        $("#content_contentPlaceHolder_participant").keypress(function (event) {
            if (event.keyCode == 13) {
                event.preventDefault(); // <-- added this line
                $("#get").click();
            }
        });
});