您的位置：首页 > Web前端 > JQuery

Jquery 阻止事件冒泡

2011-10-11 17:17 309 查看

Jquery 阻止事件冒泡方法：

<html>

<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<style type="text/css">
#content{
width:200px;
height:100px;
background:grey;
}
span{
width:200px;
height:50px;
background:pink;
}
</style>
<script type="text/javascript">
$(function(){
$("body").bind("click",function(){				//传event值
$("#tisi").append("<p>body块被点击</p>");
})
$("#content").bind("click",function(event){
$("#tisi").append("<p>content块被点击</p>");
event.stopPropagation();
})
$("span").bind("click",function(event){			//传event值
$("#tisi").append("<p>span块被点击</p>");
event.stopPropagation();
})
})
</script>
</head>

<body>
<div id="content">
div 块事件<br />
<span>span块事件</span><br />
div 块事件<br />
</div>
<div id="tisi"></div>
</body>

</html>

事件结果图：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航