窗体点击，空白处隐藏(stopPropagation)

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<script>
        $(function () {
            $("#hTest").click(function (ev) {

//触发 aTest的 点击事件
                $("#aTest").trigger("click");
                ev.stopPropagation();
            });
            $("#aTest").click(function (ev) {
                $("#PHide").show(300);

//阻止冒泡事件触发
                ev.stopPropagation();



                $(document).one("click", function () {
                    $("#PHide").hide(300);
                });

            });


        });
</script>
<h2>
        欢迎使用 ASP.NET!
</h2>
<div id="hTest">
<p>
            若要了解关于 ASP.NET 的详细信息，请访问 <a id="aTest">www.asp.net/cn</a>。
</p>
<p id="PHide" style="display: none">
            您还可以找到 <a>MSDN 上有关 ASP.NET 的文档</a>。
</p>
</div>
</asp:Content>

转载于:https://www.cnblogs.com/shikyoh/archive/2011/09/13/2174912.html