窗体点击,空白处隐藏(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>
posted @ 2011-09-13 17:09  Shikyoh  阅读(456)  评论(2编辑  收藏  举报