Question

如何将点击事件附加到按钮并阻止回发？

我的代码似乎没有用。

$('#btnNext').click(function() {
        return false;
    });

Answer 1

$('#btnNext').click(function(e) {
        e.preventDefault();
    });

Answer 2

我正在使用按钮发现如果您想阻止按钮执行自动回发，则需要将类型指定为＆＃34;按钮＆＃34;。例如：

<button id="saveButton">Save</button>

- 这将生成自动回发（在IE中测试）

<button type="button" id="saveButton">Save</button>

- 这不会

希望这有助于某人。

Answer 3

在Asp.net中阻止页面回发按钮单击使用preventDefault（）函数

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>WebForm1</title>
        <script src="js/jquery-2.2.2.js" type="text/javascript"></script>
        <script>
            $(document).ready(function () {
                $("#btnshow").click(function (e) {
                    e.preventDefault();
                    $("#Label1").show();
                });
                $("#btnhide").click(function (e) {
                    e.preventDefault();
                    $("#Label1").hide();
                })
            });
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>

        </div>
            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
            <asp:Button ID="btnshow" runat="server" Text="Show" />
            <asp:Button ID="btnhide" runat="server" Text="Hide" />
        </form>


    </body>
    </html>

Answer 4

在按钮标签内，使用type =“Button”以防止回发。

jQuery阻止按钮点击回发

4 个答案: